Protocol de proves manuals per pàgina i registre d'evidències

Després de conèixer les tecnologies de suport, el mètode per avaluar components i contingut dinàmic, i com diagnosticar i classificar el que observes, falta el que diferencia una auditoria d'una col·lecció d'observacions: un protocol fix que s'aplica igual a cada pàgina i estat de la mostra, i un sistema de registre que permet a qualsevol persona reproduir cada troballa. Aquesta lliçó proposa un protocol de referència, ordenat per minimitzar el temps, i defineix quines evidències es recullen i com s'anomenen.

La matriu de proves

Abans de començar, fixa i documenta la matriu de combinacions derivada de la línia base de WCAG-EM (s'obre en una finestra nova) (pas 1.c). Una matriu habitual per a una auditoria AA a Espanya:

No totes les pàgines passen per totes les combinacions: les pàgines de plantilla repetida es poden avaluar amb la combinació principal (NVDA + Firefox) i les proves sense tecnologia de suport, reservant la resta per a processos i components. El que és important és que estigui decidit i escrit.

Protocol per pàgina (ordre recomanat)

1. Identificació. URL, estat (sessió, viewport, filtres), data, plantilla. Captura general de la pàgina.
2. Passada automàtica. axe i una segona eina en l'estat inicial; guarda la sortida en brut. Anota violacions i elements per revisar.
3. Inspecció estructural sense tecnologia de suport. Títol (<title>), idioma, llista d'encapçalaments i landmarks (WAVE o l'extensió HeadingsMap), llistes, taules. Criteris: 2.4.2, 3.1.1, 3.1.2, 1.3.1, 2.4.6 i, només si l'abast inclou l'AAA, 2.4.10.
4. Imatges i multimèdia. Revisa cada imatge amb el seu alt a l'inspector o amb WAVE; reprodueix cada vídeo: subtítols, audiodescripció, controls, reproducció automàtica. Criteris: 1.1.1, 1.4.5, 1.2.1-1.2.5, 1.4.2.
5. Color i contrast. Mesura text, estats, vores de camps, icones informatives, indicador de focus; comprova que el color no sigui l'únic mitjà. Criteris: 1.4.3, 1.4.11, 1.4.1.
6. Teclat. Recorregut complet amb Tab i ús de cada component; registra l'ordre observat. Criteris: 2.1.1, 2.1.2, 2.1.4, 2.4.3, 2.4.7, 2.4.11, 2.4.1, 3.2.1.
7. Punter i tàctil. Mida dels objectius, gestos, arrossegament, cancel·lació, contingut en passar el cursor. Criteris: 2.5.1, 2.5.2, 2.5.7, 2.5.8, 1.4.13.
8. Zoom, reflow, espaiat, contrast forçat i orientació. Criteris: 1.4.4, 1.4.10, 1.4.12, 1.3.4.
9. Formularis. Buits, amb errors, enviats. Etiquetes, instruccions, obligatoris, errors identificats i suggerits, emplenament automàtic, entrada redundant, autenticació. Criteris: 3.3.1-3.3.4, 3.3.7, 3.3.8, 1.3.5, 2.5.3, 4.1.2.
10. Lector de pantalla. Passada completa amb NVDA (i les altres combinacions previstes): estructura, noms, rols, estats, missatges d'estat, components personalitzats. Aplica aquí el mètode de components amb l'APG (s'obre en una finestra nova) i les tres preguntes del contingut dinàmic, i inspecciona l'arbre d'accessibilitat a cada fallada de nom, rol o estat. Criteris: 1.3.1, 1.3.2, 4.1.2, 4.1.3, 2.4.4, 3.2.2.
11. Temps, moviment i flaixos. Carrusels, temporitzadors de sessió, animacions, contingut intermitent. Criteris: 2.2.1, 2.2.2, 2.3.1 i, només si l'abast inclou l'AAA, 2.3.3.
12. Coherència entre pàgines. Navegació, identificació de components, ubicació de l'ajuda. Criteris: 3.2.3, 3.2.4, 3.2.6 (es completen en acabar la mostra).
13. Tancament. Emplena el veredicte per criteri per a la pàgina: compleix, no compleix, no aplicable o no es pot determinar; el que quedi sense provar es marca com a no comprovat i s'explica.

Què és una evidència suficient

Una troballa ha de poder ser reproduïda per una persona de l'equip de desenvolupament sense parlar amb l'auditor. Per això, cada registre conté:

• Identificador únic (H-023) i referència a la pàgina i a l'estat.
• Criteri amb número, nom i nivell; si la troballa n'afecta diversos, el principal i els secundaris.
• Passos per reproduir-la en imperatiu: «1. Obrir /tramites/padron. 2. Prémer Tab fins al botó “Enviar”. 3. Prémer Retorn sense emplenar el DNI».
• Resultat esperat i resultat observat.
• Combinació en què s'observa (NVDA 2026.x + Firefox 1xx; VoiceOver a iOS 2x + Safari).
• Evidència: captura anotada, fragment de DOM, sortida literal del lector, vídeo. Nom de fitxer amb identificador i pàgina: H-023_padron_error_nvda.png.
• Severitat i recomanació (tècnica concreta, amb codi quan sigui possible).

Captures

Captura només la zona rellevant amb un requadre o una fletxa sobre l'element, i afegeix-hi una línia de text amb l'URL i la data. Per al contrast, inclou-hi la mesura de l'eina. Per al zoom o el reflow, captura la finestra completa indicant el nivell de zoom o l'amplada del viewport. Si l'evidència és visual i el problema és de lector, la captura no és suficient: afegeix-hi la sortida del lector.

Vídeo

Per a problemes d'interacció (paranys de focus, modals, carrusels, gestos), un vídeo de 10-30 segons amb àudio del lector o amb el teclat en pantalla és l'evidència més eficaç. Eines: Barra de jocs de Windows (Win+G) o OBS; Maj+Cmd+5 a macOS; gravació de pantalla del Centre de control a iOS; gravador integrat d'Android. Activa la visualització de pulsacions de teclat quan sigui possible.

Arbre d'accessibilitat i DOM

Per a troballes de nom, rol o estat, exporta el fragment de DOM tal com el veu el navegador (pestanya Elements) i el node de l'arbre d'accessibilitat (pestanya Accessibility a Chrome, Inspector d'accessibilitat a Firefox). Això demostra que el problema és al codi i no al lector.

Organització dels fitxers

Crea una carpeta per auditoria amb subcarpetes per pàgina o procés, i a dins els fitxers amb l'identificador de la troballa com a prefix. Guarda el full de registre en un format que el client pugui importar (CSV o XLSX) i conserva les sortides en brut de les eines. Anonimitza qualsevol dada personal que aparegui en captures o vídeos abans de lliurar-los.

Resum

• Fixa la matriu de combinacions (plataforma, navegador, tecnologia de suport) i quines pàgines passen per cadascuna.
• Aplica el mateix protocol per pàgina: identificació, automàtic, estructura, imatges, color, teclat, punter, zoom, formularis, lector, temps, coherència, tancament amb veredicte per criteri.
• Cada troballa: identificador, criteri amb número i nom, passos, esperat i observat, combinació, evidència, severitat i recomanació.
• Evidències: captures anotades amb URL i data, sortida literal del lector, vídeo curt per a la interacció, fragment de DOM i arbre d'accessibilitat.
• Organitza els fitxers per auditoria i troballa, conserva les sortides en brut i anonimitza les dades personals.