Nou Eines per mesurar l’accessibilitat web

5 min de lectura taller Formació

L’accessibilitat ha agafat molt protagonisme, especialment els darrers anys, en el camp del disseny web. Això no hauria de ser signe de sorpresa ja que cada vegada predomina més població amb discapacitat auditiva o visual, entre d’altres. Precisament els dissenyadors tenen un paper fonamental a l’hora de trobar continguts web que puguin ser consumits per qualsevol persona, independentment de si té discapacitat o no.

Avui volem ajudar-vos en el camí cap al disseny web accessible. Us presentem diferents eines per executar auditories o test d’accessibilitat web senzills als vostres portals i continguts.

Continguts
1. Youtube Closed Captioning
2. Color Contrast Analyzer for Sketch
3. Proof Setup in Adobe
4. ‘Wave’
5. NoCoffee
6. ACheker
7. Photosensitive Epilepsy Analysis Tool
8. Accesibility Developer Tools
9. Color Oracle

Eines per mesurar l’accessibilitat web:

Youtube Closed CaptioningVideo Manager.

Youtube - Eines per mesurar l'accessibilitat web el 2022

</figure

Color Contrast Analyzer for Sketch

Aquesta us permetrà posar a prova l’accessibilitat dels vostres dissenys per als usuaris que són daltònics, mentre treballes directament dins de Sketch. L’eina us dóna la capacitat de calcular la relació de contrast de color de dues capes (o una sola capa contra l’àrea de disseny) i avaluar-lo contra les normes WCAG. Després de completar la prova, el plugin us donarà resultats positius o negatius de qualificació basats en els requisits WC

color contrast - Eines mesurar accessibilitat web el 2022

</figure

Proof Setup in Adobe - Eines per mesurar l'accessibilitat

</

‘Wave’

Una altra eina gratuïta dissenyada per facilitar la revisió de l’accessibilitat web proporcionant als desenvolupadors una representació visual de problemes directament a la pàgina. Respecte a les proves integrals, aquestes avaluen diversos problemes d’accessibilitat, que inclou el contrast de colors als atributs ARIA i es basen en les normes de compliment tant de Secció 508. Aquesta eina basada en el navegador avalua el contingut de la pàgina després d’aplicar CSS, però no avalua cap font de Javascript. Si el vostre lloc té una gran quantitat de contingut dinàmic a partir de seqüències d’ordres, podeu optar per l’extensió WAVE per a Chrome, que també compta amb el 100% de seguretat i presentació d’informes, és ideal per a l’avaluació de llocs protegits per contrasenyes, com ara portals de comerç i intranets.

wavejpg accessibilitat - Accesibilidad Web

NoCoffee

Es tracta d’una extensió gratis de Google Chrome que es pot utilitzar per simular una àmplia gamma de problemes visuals entre els quals es troben el daltonisme, la baixa agudesa, la baixa sensibilitat al contrast, els camps visuals obstruïts i d’altres. Cal esmentar que NoCoffee no necessàriament avaluarà i qualificarà el teu lloc web com a altres eines, encara que sí que et proporcionarà una perspectiva única de l’experiència que tenen els usuaris amb discapacitats visuals amb el teu lloc.

nocoffe mesurar l'accessibilitat - Accesibilidad Web

ACheker

Una eina de revisió d’accessibilitat integral que utilitza HTML per avaluar el contingut d’una sola pàgina. Pots posar a prova la teva pàgina web inserint l’URL, pujant un fitxer HTML o enganxant el codi font directament a l’eina. Després d’enviar la vostra pàgina, AChecker escaneja el codi HTML de forma ràpida i genera un informe que identifica possibles problemes d’accessibilitat. Hi ha algunes consultes addicionals que poden funcionar a ‘AChecker’, incloent validadors d’HTML i CSS, però trobareu molt sobre l’accessibilitat del vostre lloc mitjançant l’execució del procediment de diagnòstic estàndard.

<img class="vc_single_image-img attachment-full" title="photosensitive-epilepsy-analysis-tool" src="https://www.tuwebaccesible.es/wp-content/uploads/2021/12/photosensitive-epilepsy-analysis-tool.png" alt="photosensitive-epilepsy-analysis-tool – Eines per mesurar l'accessibilitat" width="862"

Accesibility Developer Tools

És una extensió de Google Chrome. Aquest afegeix una auditoria daccessibilitat integral i el panell de la barra lateral dins de les eines de desenvolupament de Google (Google Developer Tools GDT). La mateixa ha d’instal·lar la barra GDT per executar l’auditoria, però és un procés senzill: només heu de tenir la vostra pàgina oberta a Chrome, anar al panell d’accessibilitat a Developer Tools i fer clic a executar. L’auditoria us ajudarà a identificar errors d’accessibilitat, incloent-hi la manca de atributs ARIA, valors de contrast de color i molt més. Podeu llegir la llista completa de les normes d’auditoria o suggerir noves característiques mitjançant la revisió de extensions github.

<img class="vc_single_image-img attachment-full" title="Accesibility Developer Tools" src="https://www.tuwebaccesible.es/wp-content/uploads/2021/12/Accesibility-Developer-Tools.jpg" alt="Accesibility Developer Tools – Eines per mesurar l'accessibilitat" width="640" height="400

Color Oracle

Aquesta aplicació gratuïta simula diverses formes de daltonisme mitjançant l’addició d’un filtre de pantalla completa a través del sistema operatiu (sí, funciona amb Windows, Mac OS i Linux). Les opcions de filtre mostren les formes més greus del daltonisme: deuteranopia, protanopia i tritanòpia. Si el disseny passa amb aquests filtres, aleshores sabràs que també serà fàcilment llegible per les persones amb daltonisme. Considerant que es poden activar aquests filtres sobre la marxa, aquesta és l’eina perfecta per als dissenyadors visuals que volen avaluar els seus dissenys a mesura que treballen.

Color mesurar l'accessibilitat - Accesibilidad Web

Per als desenvolupadors de contingut digital, amb vista a incloure el component d’accessibilitat als vostres productes, us recomanem aquestes simples eines. I si vols anar un pas més endavant us convidem a que visiteu:

Certificacions i acreditacions.

Comptem amb les certificacions que avalen la nostra experiència en accessibilitat.

IAAP - International Association of Accessibility Professionals IAAP CERTIFIED
ISO 9001 - Sistema de Gestión de Calidad ISO 9001