cum știi dacă site-ul dvs. este 100% compatibil WCAG 2.1? Care sunt cele mai bune instrumente de testare a accesibilității web pe care le puteți utiliza?, Aici sunt 5 automatizat de accesibilitate instrumente de testare care vă recomandăm să încercați mai întâi:
Foto de John Schnobrich pe Unsplash
Ai trecut prin orientări, standarde, avertismente, și cele mai bune practici inclus în recomandările W3C și… te-ai blocat. De unde știi dacă site-ul tău este 100% compatibil cu WCAG 2.1? Care sunt cele mai bune instrumente de testare a accesibilității web pe care le puteți utiliza?,
Gratuit, ușor de utilizat accesibilitate instrumente de evaluare care le-ar putea rula pe site-ul dvs. de la fața locului problemele ascuns acolo.
și care ar putea obține chiar și câteva recomandări valoroase cu privire la cele mai bune modalități de a le aborda.
toate acestea înainte de a avea de fapt pe cineva (sau chiar o întreagă echipă de testeri QA) să vă revizuiască site-ul. Înainte de a efectua un audit aprofundat al accesibilității și de a rula sesiuni de testare centrate pe utilizator cu… persoane reale implicate.,
trebuie să vă gândiți la extensiile browserului…
sunt atât de accesibile: deschideți pagina pe care doriți să o verificați și faceți clic pe un buton din bara de instrumente. Sunt gratuite și fac „starturi” excelente pentru identificarea problemelor de accesibilitate pe site-ul dvs. web. Și pentru a vă pune mâna pe câteva recomandări valoroase despre cum să le remediați.deci, aici sunt 5 instrumente automate de testare a accesibilității pe care vă recomandăm să încercați mai întâi:
„există instrumente recomandate disponibile care mă pot ajuta să testez problemele de accesibilitate?,r contrast pe anumite pagini (sau fără contrast la toate)
una sau mai multe imagini nu au ALT descrieri adăugat la
un editor șters conținutul pentru unul dintre H2 tag-uri, dar a plecat acel tag persistent acolo și confuz cititoare de ecran
cineva din echipa de design a pus un substituent de text în loc de un câmp de text, care riscă să afișeze un neetichetate domeniu, că cititoarele de ecran nu poate… citeste
nu este o etichetă lipsește de la newsletter sign-up formă
toate Acestea sunt frecvente probleme care accesibilitatea site-urilor web instrumente de evaluare pot ajuta să detecta și adresa.,
acestea se încadrează în mai multe categorii:
extensii de browser, pe care le vom concentra în acest post
instrumente de linie de comandă instrumente de testare a accesibilității pe care le puteți integra cu sistemul dvs. de integrare continuă
sfat: rețineți că următoarele 5 cele mai bune instrumente de testare a accesibilității web detectează aproximativ 30% din probleme. Acestea reprezintă un punct de plecare excelent pentru un audit mai complex și o strategie cuprinzătoare de monitorizare pe care ar trebui să o stabiliți.,
Wave, veneratul instrument de evaluare a accesibilității web pentru Chrome
un verificator de accesibilitate complet, ușor de utilizat, care se află în majoritatea seturilor de instrumente ale dezvoltatorilor de câțiva ani.,
Iată cum funcționează:
se adaugă un vizuale suprapunere de eroare icoane și indicații pagină web care ești audit
icoane care, odata apasat, va oferi informații și recomandări în legătură cu problemele de accesibilitate detectat: redundant titluri, elemente structurale, link-uri în HTML, săraci contrast de culoare, cum aceste probleme de impact de diferite tipuri de utilizatori, ceea ce WCAG orientări încalcă, etc.,
punctele de la tine „supărătoare” cod prin adnotat HTML popping sus în panoul de la partea de jos a ecranului
pe scurt, Val este unul dintre cele robust site-ul web accesibilitate dame, care merge dincolo de eficientizarea procesului de audit.
este, de asemenea, orientată spre educarea utilizatorilor (proprietarii de site-uri web, testeri de asigurare a calității) cu privire la problemele de accesibilitate la care să acorde atenție.
” cum se utilizează instrumentul de accesibilitate Wave?,”
oricum:
poți doar să introduceți URL-ul în câmpul dedicat pe site-ul lor
puteți descărca extensie de browser
Du-te pentru extinderea în special dacă e dinamic, protejate prin parolă și stocate local paginile web care aveți nevoie pentru a verifica.
Tenon, accesibilitate ca serviciu
„cum testez accesibilitatea?”
Un alt instrument de Tenon care vine atât într-o versiune gratuită și plătit.,
What makes it „worthy” of this top 5 selection?,y teste după neglijat orientări au transformat deja într-aspectele critice care afectează experiența utilizatorului
este un instrument flexibil pentru creatorii de conținut, designeri, dezvoltatori și testeri
se generează… generos rapoarte cu fragmente de cod pentru fiecare eroare, corespunzătoare WCAG orientări, și recomandările privind modul de remediere a acestora
pe scurt: Cep vă ajută să rulați un preventive tip de accesibilitate a verifica pe site-ul., Puteți detecta problemele cheie înainte de a ajunge chiar să se transforme în probleme majore de utilizare
În plus, puteți încorpora cu ușurință Tenon în setul de instrumente prin API-ul său. Se integrează fără probleme cu orice CMS, IDE, implementați instrument sau construi automat pe care le-ar putea fi utilizați.
Google Far, Una dintre primele Automate de Accesibilitate Instrumente de Testare
„Cum știu dacă site-ul meu este de fapt WCAG 2.0?,pentru a utiliza
mai Mult decât atât, această accesibilitate instrument de testare este parte dintr-o întreagă suită de controale pe care le puteți rula folosind Chrome Developer Tools:
SEO
Progresivă Aplicație Web
de Performanță
cele mai Bune Practici
Ce face acesta vă oferă cu un raport complet al acesteia, rezultatele testului:
dacă toate butoanele de pe pagina asta au accesibil nume sau nu
dacă toate imaginile au ALT atribute adăugate la
dacă pagina are un titlu sau nu …
apoi, pur și simplu ia-o de acolo și de a îmbunătăți zonele semnalate în raport.,
și iată cum îl utilizați:
deschideți devtools în browserul Chrome
căutați fila „audituri”
faceți clic pe „Efectuați un Audit”
sfat: salvați raportul într-un format JSON pentru mai târziu (sau pentru a-l trimite cuiva din echipa dvs.).un alt lucru minunat despre Google Lighthouse este că este unul dintre acele instrumente de evaluare a accesibilității web care nu necesită să vă înscrieți. Trebuie doar să trageți un raport pe vizualizatorul de rapoarte online pe care vi-l oferă.
ax extensie de Browser
„cum știi dacă site-ul dvs. este de fapt WCAG 2.,0 conform?”
Te „apuca” un instrument de Topor aici și dă site-ul dvs. un sistem automatizat de audit.
se va atașa ca o filă nouă la instrumentele de dezvoltare ale Chrome. După ce faceți clic pe butonul albastru „analizați”, vi se va da o listă întreagă de” încălcări ” detectate pe pagina dvs.
de ce l-am inclus în lista noastră extrem de exclusivă de 5 cele mai bune instrumente de testare a accesibilității web?,
pentru că este gratuit (o auto-conținută bibliotecă open-source)
pentru că veți obține pentru personalizat-tune-l la dumneavoastră specifice de accesibilitate a necesităților de testare: adauga reguli specifice, integrarea cu framework-uri de testare și browsere de alegerea ta…
pentru fiecare semnalat problema „expune” la marcaje corespunzatoare, la fel de bine
apasă pe „Verificați codul” si tu esti luat la tab-ul în DevTools, unde „vinovat element” este prezentat.,
sfat: un alt motiv pentru care acesta este unul dintre primele verificatoare de accesibilitate a site-urilor web pe care ar trebui să le luați în considerare este faptul că raportul de accesibilitate Axe depășește semnalarea încălcărilor clare ale ghidurilor de accesibilitate.de asemenea, evidențiază aspecte pe care le-ai putea îmbunătăți în interfața de utilizare a site-ului tău.
Siteimprove, Una dintre cele mai Bune Accesibilitatea site-urilor Web Instrumente de Testare
Ne mărturisește: Siteimprove este preferatul nostru site-ul web accesibilitate checker., Iată de ce:
aceasta ne oferă o actiune de informare cu privire la toate problemele care detectează
se generează explicații clare cu privire la impactul acestor probleme la unii utilizatori
de asemenea, „prada” – ne cu experiență de utilizare intuitivă: problemele se evidențiate în partea dreaptă a paginii
de Unde ai adăuga că întreaga pagină web procesului de audit este efectuată în Chrome browsere.ușor de utilizat și extrem de eficient. Ce ți-ai putea dori mai mult de la un instrument gratuit de testare a accesibilității?,
Final Word
transformați acest tip de testare a accesibilității — folosind extensiile Chrome — într-o parte a unei strategii de testare mai cuprinzătoare.
nu trebuie să vă limitați evaluarea la rezultatele obținute utilizând oricare dintre cele mai bune 5 instrumente de testare a accesibilității web.
există încă un anumit nivel de” intervenție umană ” necesară pentru a interpreta aceste rezultate. Pentru a veni cu setul adecvat de măsuri pentru a lua, nu?,
Folositi-le, dacă doriți doar să verificați dacă:
există imagini fără ALT descrieri pe site-ul dvs.
HTML este valabil
câmpuri de formular au ambele etichete și descrieri
în timp ce pentru evaluarea:
fie că HTML este semantic sau nu
dacă cei câmp de formular descrierile sunt destul de prietenoase cu utilizatorul
dacă există o rubrica corespunzătoare ierarhie pe o anumită pagină de pe site-ul dvs.
… o sa ai nevoie de analiza umane.,
testarea automatizată a accesibilității va (numai) evidenția aspectele cheie pe care să se concentreze testerii QA.
sfârșitul!
ați folosit oricare dintre aceste instrumente de testare a accesibilității pe site-ul dvs. web?
de obicei opriți auditul acolo sau utilizați un & tip de testare manuală a „combo”? Depinde de context de fapt?
