Comprovar amb teclat: protocol de prova

La prova amb teclat és la més rendible de totes les proves d'accessibilitat: no requereix instal·lar res, qualsevol membre de l'equip la pot fer i detecta una proporció enorme dels problemes greus. Però perquè sigui útil ha de ser sistemàtica. Aquesta lliçó proposa un protocol de prova reproduïble que pots incorporar a la revisió de cada pàgina o component abans de donar-lo per acabat, i que serveix de base per a la definició de fet (definition of done) de l'equip.

Preparació

• Fes servir un navegador actual (Chrome, Edge o Firefox). Si proves a Safari per a macOS, activa a Configuració del sistema, Teclat, l'opció «Navegació amb el teclat», i a Safari, Avançat, «Prem Tab per ressaltar cada element»; altrament, Tab se salta els enllaços.
• Aparta el ratolí o desconnecta'l físicament. La temptació d'«ajudar-se» amb un clic invalida la prova.
• Tingues a mà un full de registre amb columnes: pàgina o component, pas, tecla, resultat esperat, resultat obtingut, criteri afectat, gravetat.
• Defineix les tasques que provaràs: no es tracta de tabular per tota la pàgina, sinó de completar el que la persona vindria a fer (buscar un tràmit, emplenar la sol·licitud, pagar).

Les tecles de la prova

Protocol pas a pas

1. Carrega la pàgina i prem Tab una vegada. Hauria d'aparèixer l'enllaç de salt o el primer element de la capçalera. Si el focus va a parar a un element invisible o al cos de la pàgina sense indicador, anota-ho (2.4.7).
2. Activa l'enllaç de salt. El focus ha d'arribar al contingut principal i la pulsació següent de Tab hi ha de caure a dins (2.4.1).
3. Recorre tota la pàgina amb Tab. A cada parada comprova: que veus el focus, que l'ordre segueix el disseny, que l'element és realment interactiu (si t'atures en un paràgraf o una targeta inert, hi ha un tabindex sobrer) i que cap element fix el tapa (2.4.3, 2.4.7, 2.4.11).
4. Fes el recorregut invers amb Maj+Tab. Ha de ser el mirall exacte. Els components que canvien d'estat quan hi passes solen fallar aquí.
5. Activa cada tipus de control amb Retorn i amb Espai. Un enllaç que no respon a Retorn o un botó que no respon a Espai sol ser un div disfressat (2.1.1).
6. Entra a cada component compost (menú, pestanyes, acordió, calendari, carrusel, select personalitzat): prova les fletxes, Inici, Fi i Escapada. Comprova que en pots sortir amb Tab (2.1.2).
7. Obre cada diàleg o panell i comprova les cinc condicions de la finestra modal: focus a dins, focus retingut, Escapada el tanca, fons inert, focus retornat en tancar.
8. Provoca contingut dinàmic: errors de validació, resultats de cerca, missatges de confirmació, eliminació d'elements. Observa on va el focus i si el que apareix es pot assolir.
9. Busca funcions només de ratolí: passa pels elements que tenen comportament en hover (menús, tooltips, botons de fila) i verifica que apareixen amb el focus.
10. Prem lletres soltes fora dels camps de text per detectar dreceres d'una sola tecla (2.1.4).
11. Canvia la mida de la finestra a 320 píxels d'amplada o al 400 % de zoom i repeteix els passos 3 i 7: els menús mòbils i els panells adaptables tenen sovint la seva pròpia gestió del focus, i sol ser pitjor.

Classificar la gravetat

No totes les troballes pesen igual. Una classificació senzilla i útil:

• Bloquejant: impedeix completar una tasca principal (un parany de teclat, un pas del formulari inoperable).
• Greu: la tasca es completa amb gran dificultat o per camins alternatius (focus invisible en tot un formulari, ordre il·lògic en un procés de pagament).
• Moderada: molesta però no impedeix (un tabindex sobrer, un tooltip que no es tanca amb Escapada).
• Lleu: millora recomanable (un indicador de focus de contrast baix en un enllaç secundari).

Integrar-ho en el flux de treball

Inclou el protocol a la revisió de cada pull request que toqui la interfície: qui revisa el codi ha de poder dir «l'he recorregut amb teclat». Per als components del sistema de disseny, documenta a la fitxa de cadascun quines tecles admet, de manera que la prova sigui també l'especificació. I quan es corregeixi una troballa, repeteix exactament el pas registrat abans de tancar-la. Al curs de frameworks veurem com automatitzar part d'aquestes comprovacions amb proves d'extrem a extrem que simulen pulsacions de teclat.

Resum

• Prova sense ratolí, amb tasques reals i un full de registre amb passos, tecles, resultat esperat i obtingut.
• El protocol cobreix: primera pulsació, enllaç de salt, recorregut complet en tots dos sentits, activació, components compostos, diàlegs, contingut dinàmic, funcions de hover, dreceres i vista mòbil.
• Registra cada troballa amb el criteri WCAG i una gravetat (bloquejant, greu, moderada, lleu).
• Fes de la prova amb teclat part de la revisió de codi i de la documentació dels components.
• Repeteix el pas exacte registrat per verificar cada correcció.