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.
Eines per mesurar l’accessibilitat web:
Youtube Closed CaptioningVideo Manager.

</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

</figure

</
‘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.
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.
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.
Photosensitive Epilepsy Analysis Tool</a
Eina gratuïta beta que permet provar el contingut per identificar el risc de convulsions usant un motor danàlisi construït per Trace Center de la universitat de Wisconsin Madison. El procés ajuda a determinar si les animacions o vídeos que s'utilitzen dins del contingut web són susceptibles a causar convulsions als usuaris amb epilèpsia. Si esteu buscant més eines, Trace Center téaltres recursos per ajudar els desenvolupadors a avaluar l’accessibilitat del vostre treball.
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.
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.
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:
- Explorar les llistes de revisió creades per Vox Media que permeten realitzar una revisió d’accessibilitat segons el teu rol al projecte.
- Visitar el lloc web de Web Accesibility Initiative de la W3C que explica en profunditat aquesta temàtica, comparteix bona
- Coneix l’eina Rastejador OAW, una aplicació de codi obert desenvolupada pel govern d’Espanya que permet analitzar el nivell d’access.
- Descobreix com millorar la Accessibilitat Web d’un ecommerce