NVDA i JAWS a Windows: ordres essencials i modes de navegació

Els lectors de pantalla converteixen la interfície en veu o braille i, per auditar, són l'eina que descobreix més problemes reals. A Windows en dominen dos: NVDA, gratuït i de codi obert (NV Access), i JAWS, comercial (Vispero). Les enquestes de WebAIM a persones usuàries els situen de manera consistent com els dos més utilitzats, per la qual cosa tots dos solen formar part de la línia base d'una auditoria adreçada al públic general. Aquesta lliçó se centra en el que necessita un auditor: instal·lar, configurar, moure's per la pàgina i registrar el que diu el lector.

Com «veu» el web un lector de pantalla

El lector no llegeix la pantalla: llegeix l'arbre d'accessibilitat que el navegador construeix a partir del DOM, els rols, els noms accessibles i els estats. Per això un botó dibuixat amb un div sense rol no existeix per al lector, i una imatge amb alt buit desapareix. Entendre això evita interpretar malament els resultats: el que anuncia NVDA és el que el navegador li ha donat, no una opinió del lector.

Tots dos lectors tenen dos modes sobre contingut web. En mode navegació (NVDA) o amb el cursor virtual (JAWS), les tecles del teclat s'utilitzen per moure's pel contingut: la H salta al següent encapçalament, la K al següent enllaç. En mode formulari (NVDA) o mode formularis (JAWS), les tecles s'envien a la pàgina per escriure en un camp o fer servir un control. El canvi sol ser automàtic en arribar a un camp editable; NVDA l'anuncia amb un so, i es pot forçar amb NVDA+Espai. Molts problemes de components personalitzats (combos, menús ARIA) es manifesten com un canvi de mode inesperat o com la impossibilitat de fer servir el control en el mode correcte.

NVDA: instal·lació i configuració per auditar

Descarrega NVDA des de nvaccess.org i instal·la'l. La tecla NVDA és per defecte Insert; en portàtils sense Insert convé activar Bloq Maj com a tecla NVDA a les preferències. Ajustos recomanats per a auditoria:

• Activar el visor de veu (menú NVDA, Eines, Visor de veu): mostra en text tot el que diu el lector, cosa que permet copiar la sortida com a evidència.
• Reduir la velocitat de veu al principi; amb la pràctica s'apuja.
• A Format de documents, activar l'anunci de taules, encapçalaments, llistes i landmarks, per detectar-ne l'absència.
• Instal·lar el complement Focus Highlight, que dibuixa un requadre al voltant de l'element amb focus i del cursor virtual: imprescindible per a auditors que hi veuen.

Navegadors: NVDA funciona bé amb Firefox i Chrome; Firefox ha estat històricament la referència. Avalua amb tots dos si formen part de la línia base.

Ordres essencials de NVDA

Amb aquestes ordres pots avaluar en minuts: el 2.4.2 Pàgina titulada (NVDA+T), el 2.4.6 i l'1.3.1 (llista d'encapçalaments a NVDA+F7), el 2.4.4 (llista d'enllaços fora de context), l'1.1.1 (navegar per gràfics amb G), el 3.3.2 i el 4.1.2 (tabular per camps i escoltar nom, rol i estat), l'1.3.1 en taules (navegació per cel·les i anunci d'encapçalaments).

JAWS: particularitats

JAWS és de pagament, però es pot executar en mode demostració durant 40 minuts després de cada reinici, suficient per a una sessió de proves. La tecla JAWS és Insert (o Bloq Maj en la distribució de portàtil). Les seves ordres de navegació ràpida són pràcticament les mateixes que a NVDA (H, K, B, F, T, L), amb llistes específiques: Insert+F6 encapçalaments, Insert+F7 enllaços, Insert+F5 camps de formulari, Insert+F3 llista de tots els elements. Insert+Z activa o desactiva el cursor virtual, Insert+Fletxa avall ho llegeix tot, Insert+T llegeix el títol. L'historial de veu (Insert+Espai, després H) fa la funció del visor de veu de NVDA.

JAWS és més «intel·ligent» que NVDA: completa noms a partir del context, infereix etiquetes de camps propers i repara certes estructures. Això vol dir que una cosa pot funcionar a JAWS i fallar a NVDA; per això és recomanable provar amb tots dos i considerar NVDA el més estricte. JAWS amb Chrome és la combinació més freqüent entre els seus usuaris.

Què cal buscar en una sessió amb lector

1. En carregar la pàgina: s'anuncia un títol descriptiu? L'idioma de la veu és correcte (si el lector canvia a anglès, el lang està malament)?
2. Estructura: la llista d'encapçalaments reflecteix la jerarquia visual? Hi ha landmarks (banner, navigation, main, contentinfo)? Les llistes visuals són llistes reals?
3. Imatges: navega amb G; les decoratives estan ocultes i les informatives tenen un alt útil?
4. Enllaços i botons: a la llista de NVDA+F7, s'entén cada enllaç fora de context? Hi ha «llegir-ne més» repetits?
5. Formularis: en tabular, cada camp anuncia nom, tipus, estat (obligatori, no vàlid) i instruccions? Els errors s'anuncien en enviar?
6. Components personalitzats: el menú, les pestanyes, el modal i el combo anuncien rol i estat, i es fan servir amb les tecles del patró de l'APG (s'obre en una finestra nova)?
7. Contingut dinàmic: s'anuncien els resultats de cerca, els missatges d'èxit, les actualitzacions del carretó (4.1.3)?

Registrar l'evidència

La sortida del visor de veu de NVDA o de l'historial de JAWS, copiada literalment, és l'evidència més convincent d'un problema amb lector de pantalla. Completa-la amb un vídeo curt amb àudio (Barra de jocs de Windows amb Win+G, o OBS) per als problemes d'interacció, i amb una captura de l'arbre d'accessibilitat del navegador quan el problema sigui en el nom o el rol. Indica sempre la versió del lector, del navegador i la data.

Resum

• Els lectors llegeixen l'arbre d'accessibilitat, no la pantalla; NVDA i JAWS han de formar part de la línia base a Windows.
• Mode navegació/cursor virtual per moure's pel contingut; mode formulari per fer servir controls; els canvis de mode inesperats delaten components mal construïts.
• Ordres clau: H, K, B, F, T, L, D, G; NVDA+F7 i les llistes Insert+F5/F6/F7 de JAWS; NVDA+T per al títol; visor de veu i historial per a l'evidència.
• JAWS repara més que NVDA: cal provar amb tots dos i considerar NVDA el més exigent.
• Prova amb una llista de comprovacions per pàgina i sense mirar la pantalla; registra la sortida literal, vídeo i versions.