¿Cómo funcionan las herramientas gratuitas de accesibilidad web?
És possible que alguna vegada t’hagis plantejat adaptar la teva web, fer-la més accessible. Quins errors daccessibilitat web té la pàgina?
Què ha de millorar per eliminar obstacles digitals? Són dues preguntes habituals que es produeixen abans de començar el procés de transformació. El primer pas per construir un portal accessible és conèixer les mancances per implementar les millores necessàries.
Les eines daccessibilitat web permeten avaluar el nivell daccessibilitat duna pàgina.
¿Puede ser utilizada por todos los usuarios?
La resposta d’aquests programes no és determinant, però sí que faciliten una anàlisi general.
En qualsevol cas, una feina d’aquestes característiques sempre ha de ser completada per professionals. Això no obstant, com funcionen les eines gratuïtes d’accessibilitat web?
En primer lloc, cal comprovar si són gratuïtes o de pagament. Hi ha eines lliures que realitzen estudis de forma automàtica i mostren alguns errors. Poden ser en línia o requerir la descàrrega del programari, però la majoria ofereixen una primera observació.
Herramientas de accesibilidad web:
Wave
És una eina gratuïta, completa i molt visual. Només cal teclejar la url de la web que vols analitzar i en només uns segons apareixerà a la pantalla un informe detallat.
Mostra els errors de contrast, l’absència de textos alternatius a les imatges, els enllaços buits o recomanacions per millorar l’estructura. Fins i tot estudia els atributs ARIA.
El recomanable en aquest cas és instal·lar l’extensió de Wave per a Google Chrome o Mozilla, depenent del navegador que utilitzeu. El procés és ràpid, simple, intuïtiu i útil per tenir una avaluació instantània, encara que no pas definitiva.
Accessibility Developer Tools
És una extensió de Google Chrome molt comú. És gratuïta i, encara que no té en compte les pautes de la W3C, sí que analitza els errors d’accessibilitat web més habituals.
Avalua automàticament aspectes com ara el color o el contrast i valida els atributs ARIA. Un cop s’ha instal·lat l’extensió, heu d’accedir a “Eines de desenvolupadors” i fer clic a “Auditis”.
Instantàniament, ADT realitzarà una revisió automàtica a la pàgina del navegador. Posteriorment, apareixerà una llista amb els punts favorables, els errors i les alertes. Mostra en què consisteix cada error i quantes vegades es repeteix, així com el codi HTML que cal modificar.
AXE DevTools
La instal·lació és pràcticament igual que a ADT. S’afegeix l’extensió a Google Chrome i seguidament hi haurà una pestanya nova a “Eines de desenvolupadors”.
Fent clic sobre el botó “Analyze” s’inicia l’anàlisi de la web. El resultat de l’avaluació es mostra en una pantalla dividida. D’una banda es recullen els errors del portal examinat i de l’altra la descripció, incloent-hi la importància, el tipus i la normativa en què es basa.
AChecker
La versió estàndard d’AChecker inspecciona el codi HTML i detecta errors d’accessibilitat web. És una eina concebuda des del codi font, per la qual cosa l’informe de resultats es mostra d’acord amb aquestes línies de text. Després d’analitzar el codi, mostra els errors d’accessibilitat i n’identifica la ubicació.
Es pot utilitzar introduint la url de la web que volem analitzar o enganxant el codi HTML. És una avaluació força ràpida i per tant no ofereix una precisió exacta, de manera que cal la tasca d’un equip humà.
Color Oracle
És una aplicació gratuïta i particular perquè simula una pantalla vista per una persona amb diferents variants de daltonisme. A través d’un filtre, el programa reprodueix com veuria el web un usuari amb deficiències en la visió dels colors. Si el portal supera la prova, podeu dir que és un espai adaptat a visitants amb aquestes característiques.
En aquest cas, l’eina es limita al daltonisme i no inclou altres usuaris amb altres deficiències visuals, auditives o motrius. Tot i això, és una aplicació útil per comprovar si els problemes per percebre els colors són o no una barrera per navegar.
