Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Por qué debe un sitio web permanecer tranquilo cuando se selecciona con teclado?
Un sitio web debe permanecer tranquilo cuando se selecciona con teclado, porque la selección es solo una marca, no una decisión. Quien salta de elemento en elemento con la tecla de tabulación está mirando alrededor, como un cliente que camina por los estantes de una tienda. Si una página nueva o ventana se abre sin pedir permiso, el visitante pierde la orientación. El criterio WCAG 3.2.1 prohíbe tales sorpresas.
Seleccionar y activar son dos pasos separados
Durante la operación del teclado, una marca visible se mueve con cada pulsación de la tecla de tabulación al siguiente elemento de control: el foco. Solo la tecla Intro activa el elemento marcado. Esta separación es crucial para muchas personas para orientarse: los visitantes ciegos hacen que se les lea cada elemento marcado antes de decidir. Las personas con temblores a veces activan elementos accidentalmente. Si la página salta solo al marcar (por ejemplo, porque un elemento de menú carga la subpágina tan pronto como se alcanza), estos visitantes nunca pueden pasar sin cambiar de página. Se atascan como en una puerta giratoria que gira con cada toque.
Así es como el servicio de comprobación mide el comportamiento del foco
El servicio de comprobación opera su página en un navegador real: presiona la tecla de tabulación, parada tras parada, y registra cada estación de la caminata del foco. Si la dirección de la página cambia durante esta caminata (sin que se presione la tecla Intro), simplemente seleccionar ha desencadenado un cambio de página. El informe lo califica como una violación y nombra la dirección donde aterrizó la medición. Si la caminata pasa por lo menos tres paradas sin tal cambio, el criterio se considera aprobado. Si la página ofrece menos de tres paradas seleccionables, la medición permanece deliberadamente indecisa y el informe marca el criterio como un punto de prueba manual.
Beispiele
Fokus öffnet ein Fenster
<input name="plz" onfocus="zeigeHilfeDialog()"><input name="plz" aria-describedby="plz-hilfe">
<p id="plz-hilfe">Vier Ziffern, etwa 8010.</p>Der Fokus wandert beim Durchgehen mit Tab über jedes Element. Passiert dabei etwas, verliert der Besucher die Stelle.
- Presione la tecla de tabulación varias veces en su página de inicio y observe si la página permanece quieta en su lugar.
- Preste especial atención a los menús desplegables y selectores de idioma: allí es donde el desencadenante al seleccionar se instala con más frecuencia.
- Pida a su agencia que vinculen cada acción a un paso de control real: tecla Intro, barra espaciadora o clic, nunca solo seleccionar.
- Vuelva a probar después de instalar un nuevo componente de menú o búsqueda con la tecla de tabulación.