Entendre què falla i com millorar-ho.
A11y Primero · Cas d’estudi
Dades del projecte
- Producte
- Extensió de Chrome
- Any
- 2026
- Rol
- Desenvolupament
- Estàndard
- WCAG 2.2 A/AA
- Estat
- En revisió
El projecte
A11y Primero és una extensió de Chrome que analitza l’accessibilitat d’una pàgina amb un clic, amb axe-core i els criteris de WCAG 2.2.
La vam fer per a la nostra pròpia feina: és l’eina amb què comencem cada auditoria de l’estudi. I l’hem preparada perquè la pugui fer servir qualsevol persona que vulgui saber per on començar amb el seu web.
Les captures d’aquesta pàgina són l’extensió avaluant aquest mateix web, en la versió en castellà.
Encara no es pot instal·lar: està en revisió a la Chrome Web Store. Si la vols provar abans, escriu-nos.
Vull provar A11y Primero
El repte
Una avaluació, dues maneres d’entendre-la.
Un resultat ple de tecnicismes no explica què passa, a qui afecta ni per què convé millorar-ho. I a qui treballa en el codi no li n’hi ha prou de saber que hi ha un problema: necessita localitzar-lo, conèixer el criteri afectat i saber com corregir-lo.
Per a qui decideix i per a qui corregeix.
Cada troballa s’explica de les dues maneres. “Les imatges han de tenir text alternatiu” és el que llegeix qui decideix; “1.1.1, image-alt, nivell A” i el selector de cada imatge, el que necessita qui corregeix.
L’estructura
Cinc pestanyes, de la dada a l’informe.
“Resum” dona una puntuació de 0 a 100 i els resultats per categories. “WCAG”, el detall tècnic de cada error, amb els elements afectats marcats sobre la mateixa pàgina.
“Projecte” avalua diverses pàgines d’un mateix lloc i n’exporta un informe conjunt, perquè la portada pot sortir neta i la carta no. “Historial” compara les tres últimes avaluacions de cada domini. I “Veure com…” simula baixa visió, visió borrosa, daltonisme i alt contrast sobre la pàgina.
Tot acaba en un informe en PDF per compartir i en Markdown per enganxar en un tiquet o un repositori.
Decisions de disseny
Una prova automàtica detecta aproximadament un terç de les barreres. L’eina no resol l’accessibilitat: ajuda a saber per on començar. Cada decisió surt d’aquí.
Un 100 no és un segell.
La puntuació sempre va acompanyada del que la prova no ha pogut comprovar. El que l’eina no pot decidir, com un text sobre una foto, se separa per revisar-lo a mà en lloc d’inventar-se un número.
Una puntuació que es pot explicar.
Es parteix de 100 i cada regla que falla resta segons el seu impacte: crític 10, greu 7, moderat 3 i menor 1. Les bones pràctiques i el que cal revisar a mà no resten.
Les dades es queden al navegador.
Sense registre ni servidors externs. L’extensió només llegeix la pestanya on s’obre i només quan es prem “Avaluar”, i l’informe es genera al mateix ordinador.
En tres idiomes.
La interfície està en castellà, català i anglès, segons l’idioma de Chrome.