Verificarea accesibilității în browser (WCAG 2.2, EAA)
Pandus extensie de browser 1.0.0
Gratuit. Chrome, Edge, Brave, Opera și Firefox. În magazinele de extensii: în curând.
Extensia Pandus verifică pagina pe care vă aflați după WCAG 2.2 AA — nivelul pe care se bazează Actul european privind accesibilitatea, legea germană BFSG și ADA — și explică fiecare problemă în cuvinte simple, în română, engleză, ucraineană, germană, poloneză, cehă sau rusă. Rulează în browserul dumneavoastră, deci verifică și paginile după autentificare: coșul cu produse, checkout-ul, contul clientului, un site de test.
Ce face
- Verificați pagina cu un clic. Peste 90 de reguli automate, aceleași ca în verificarea săptămânală Pandus. Problemele sunt grupate pe reguli, cele mai grave primele, cu explicația de ce contează pentru clienții dumneavoastră și cum se remediază.
- Arată elementul. Apăsați „Arată” și pagina derulează până la element și îl încadrează.
- Obligatoriu separat de recomandări. Mai întâi problemele WCAG 2.2 A/AA; AAA și bunele practici sunt afișate separat, ca recomandări.
- Copiați pentru dezvoltator. Toată lista în format Markdown, pentru un tichet în Jira, Trello sau un mesaj.
Instrumente pentru verificarea manuală
Automatizarea găsește doar o parte dintre probleme. Instrumentele vă ajută cu restul:
| Instrument | Ce arată | WCAG |
|---|---|---|
| Ordinea Tab | Numere și o linie în ordinea în care se mută focusul tastaturii | 2.4.3, 2.1.1 |
| Titluri | Structura prin care navighează utilizatorii de cititoare de ecran, nivelurile sărite cu roșu | 1.3.1, 2.4.6 |
| Repere | Antet, navigare, conținut principal, subsol | 1.3.1 |
| Imagini și text alt | Textul citit pentru fiecare imagine, cele lipsă cu roșu | 1.1.1 |
| Spațierea textului | Spațiere mai mare între rânduri, litere și cuvinte | 1.4.12 |
| Zoom 200% | Pagina mărită de două ori | 1.4.4 |
| Ecran îngust (320 px) | Pagina într-o fereastră de 320 px | 1.4.10 |
| Percepția culorilor | Protanopie, deuteranopie, tritanopie, fără culori, încețoșare | 1.4.1 |
| Contrast | Raportul dintre două culori alese din pagină | 1.4.3, 1.4.11 |
Cu un cont Pandus
Conectați extensia la contul dumneavoastră cu un clic (aprobați conexiunea în cont; extensia poate doar să citească rezultate și să salveze verificări):
- vedeți ce a găsit verificarea săptămânală pe pagina pe care vă aflați, cu un link către raport;
- salvați o verificare a unei pagini după autentificare la site — apare pe pagina site-ului, în secțiunea „Verificări din browser”;
- adăugați în Pandus un site pe care îl vizualizați.
Creați un cont gratuit sau vedeți cum funcționează Pandus.
Cum se instalează
Până când extensia va fi listată în Chrome Web Store și pe addons.mozilla.org, instalați-o din arhiva zip de mai sus:
- Chrome, Edge, Brave, Opera: dezarhivați zip-ul, deschideți
chrome://extensions, activați Developer mode, apăsați Load unpacked și alegeți folderul. - Firefox: deschideți
about:debugging#/runtime/this-firefox, apăsați Load Temporary Add-on și alegețimanifest.jsondin folderul dezarhivat. Un supliment temporar este eliminat la repornirea Firefox; listarea pe addons.mozilla.org elimină acest pas. - Fixați pictograma Pandus în bara de instrumente. Apăsați-o sau apăsați Alt+Shift+A pe orice pagină.
Confidențialitate
Fără urmărire, fără analiză, fără cookie-uri. Extensia cere acces doar la fila activă, când o apăsați, și la pandus.online, pentru a comunica cu contul dumneavoastră. Verificările rămân în browserul dumneavoastră până când le salvați.
Vedeți și pluginul WordPress, codul pentru orice site și instrumentele gratuite.