2. Principio 2: Operable
Los componentes de la interfaz de usuario y
la navegación deben ser operables
• Los usuarios deben ser capaces de operar la interfaz
(la interfaz no puede requerir la interacción que un
usuario no puede realizar)
Pauta 2.1
•Accesible por teclado
Pauta 2.2
•Tiempo suficiente
Pauta 2.3
•Convulsiones
Pauta 2.4
•Navegable
3. 2.1 Accesible por teclado
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado
Proporcionar acceso a toda la funcionalidad mediante
el teclado.
Propósito: Si la funcionalidad puede lograrse usando el
teclado, puede lograrse usando teclados adaptados,
entrada de voz, y otras tecnologías de asistencia.
4. 2.1.1 Teclado (Nivel A)
Personas ciegas, que no puede usar dispositivos que requieren la
coordinación ojo-mano. Personas con baja visión, que puede tener
problemas para encontrar o el seguimiento de un indicador de
puntero en la pantalla.
Personas con dificultades motrices que tengan dificultades para usar
el mouse.
Toda la funcionalidad del contenido es operable a través
de una interfaz de teclado sin que se requiera una
determinada velocidad para cada pulsación individual de
las teclas.
• Excepto cuando la función interna requiere de una entrada que
depende del trayecto de los movimientos del usuario y no sólo
de los puntos inicial y final. Por ejemplo, si la entrada de texto se hace por
medio de escritura a mano, la técnica de entrada (escritura a mano) depende del
trazo (ruta trazada) pero la función interna (introducir texto) no.
Nota: Esto no prohíbe ni debería desanimar a los autores a proporcionar entrada de ratón u otros
métodos de entrada de datos adicionales a la operabilidad a través del teclado.
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado >> 2.1.1 Teclado
2.1.3 Teclado (sin
excepciones) (Nivel AAA):
Toda la funcionalidad del
contenido se puede operar a
través de una interfaz de teclado
sin requerir una determinada
velocidad en la pulsación de las
teclas.
5. Accesible por teclado
• Usar enlaces y controles de formulario estándar de HTML.
• Usar manejadores de evento que puedan lanzarse
mediante teclado.
onmousedown con onkeydown
onmouseup con onkeyup
onmouseover con onfocus
onmouseout con onblur
• Usar onclick.
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado >> 2.1.1 Teclado
6. 2.1.2 Sin trampas para el foco del teclado (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado >> 2.1.2 Sin trampas
Personas ciegas necesitan interactuar usando el
teclado.
Personas con limitaciones motrices que necesiten
usar el teclado
Cualquier persona que no tenga acceso a un
mouse o tenga alguna limitación temporal que
impida su uso
Si es posible mover el foco a un componente de la página usando una interfaz de teclado,
entonces el foco se puede quitar de ese componente usando sólo la interfaz de teclado y,
si se requiere algo más que las teclas de dirección o de tabulación, se informa al usuario el
método apropiado para mover el foco.
7. 2.2 Tiempo suficiente
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente
tenido.
sus limitaciones, tengan tiempo suficiente para realizar las tarea
8. 2.2.1 Tiempo Ajustable (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente >> 2.2.1 Tiempo ajustable
Para cada límite de tiempo impuesto por el contenido, se
cumple al menos uno de los siguientes casos:
• Apagar;
• Ajustar: al menos, diez veces mayor al tiempo fijado originalmente;
• Extender: Se advierte al usuario y se le conceden al menos 20 segundos para
extender el límite temporal con una acción simple y puede extender al menos diez
veces; o
• Excepción de tiempo real: por ejemplo, una subasta
• Excepción por ser esencial: si se extendiera, invalidaría la actividad;
• Excepción de 20 horas.
2.2.3 Sin tiempo
(Nivel AAA): : El tiempo
no es parte esencial del
evento o actividad
presentada por el
contenido, exceptuando
los multimedia
sincronizados no
interactivos y los eventos
en tiempo real.
onas con limitaciones visuales
pueden necesitar más tiempo para leer un texto
pueden necesitar más tiempo para leer un texto
ueden necesitar más tiempo para interactuar
9. Tiempo suficiente para…
• Responder físicamente
• Mover el ratón, usar el teclado, etc.
• Leer el contenido.
• Interactuar y rellenar los formularios.
• Localizar elementos en la página.
• Etc.
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente >> 2.2.1 Tiempo ajustable
10. 2.2.2 Poner en pausa, detener, ocultar (Nivel A)
Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza
automáticamente:
• Movimiento, parpadeo, desplazamiento: Para toda información que se mueve, parpadea o se desplaza,
que (1) comienza automáticamente, (2) dura más de cinco segundos y (3) se presenta en paralelo con otro
contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, a menos que el
movimiento, parpadeo o desplazamiento sea parte esencial de una actividad; y
• Actualización automática: Para toda información que se actualiza automáticamente, que (1) se inicia
automáticamente y (2) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la
pueda poner en pausa, detener u ocultar, o controlar la frecuencia de actualización a menos que la actualización
automática sea parte esencial de una actividad.
de atención
tades en concentrarse con elementos distractores
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente >> 2.2.1 Tiempo ajustable
11. 2.2.4 Interrupciones (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2.4 Interrupciones
de lector de pantalla pueden tener dificultades
sitan enfocarse en el contenido sin distracciones
er persona
El usuario puede postergar o suprimir las interrupciones, excepto cuando las
interrupciones implican una emergencia.
12. 2.2.5 Re-autentificación (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2.5 Re-autentificación
ás tiempo para navegar
más lentamente y necesitar más tiempo.
ositivos alternativos podrán necesitar más tiempo paa navegar
Cuando expira una sesión autentificada, el usuario puede continuar la actividad
sin pérdida de datos tras volver a identificarse.
13. Tiempo suficiente
• Permitir modificar el tiempo de sesión.
• Ante una interrupción, continuar sin pérdida de datos.
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2.5 Re-autentificación
14. 2.3 Convulsiones
Perceptible | Operable | Comprensible | Robusto >> 2.3 Convulsiones
asmos o convulsiones.
ás probabilidades de causar convulsiones cuando se ve incluso po
15. 2.3.1 Umbral de tres destellos o menos (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.3.1 Umbral
Las páginas web no contienen nada que destelle más de
tres veces en un segundo, o el destello está por debajo del
umbral de destello general y de destello rojo.
l para cualquier persona
2.3.2 Tres destellos
(Nivel AAA): Las
páginas web no contienen
nada que destelle más de
tres veces por segundo.
16. Convulsiones
Personas con epilepsia fotosensitiva pueden sufrir ataques por cambios
rápidos de luz a oscuridad, que superen cierta frecuencia y tamaño.después de
esta clase?
En 1997 en Japón, un capítulo de una
serie de dibujos animados produjo
ataques epilépticos a gran número de
personas.
Herramienta para analizar si un
contenido presenta riesgos.
http://trace.wisc.edu/peat/
Perceptible | Operable | Comprensible | Robusto >> 2.3 Convulsiones
17. 2.4 Navegable
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
vegar, encontrar contenido y determinar dónde se encuentran.
ido, saber donde están y permitirle ir a otro lado.
18. 2.4.1 Evitar bloques (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• 2.4.1 Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten
en múltiples páginas web.
Enlace al comienzo que vaya al área principal
19. 2.4.2 Titulado de páginas (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• 2.4.2 Titulado de páginas: Las páginas web tienen títulos que describen su temática o
propósito.
20. 2.4.3 Orden del foco (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su
significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que
preserva su significado y operabilidad.
21. 2.4.4 Propósito de los enlaces (en contexto) (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• El propósito de cada enlace puede ser
determinado con sólo el texto del enlace o a
través del texto del enlace sumado al contexto
del enlace determinado por software, excepto
cuando el propósito del enlace resultara ambiguo
para los usuarios en general.
2.4.9 Propósito de los enlaces (sólo
enlaces) (Nivel AAA): Se proporciona un
mecanismo que permite identificar el propósito de
cada enlace con sólo el texto del enlace, excepto
cuando el propósito del enlace resultara ambiguo
para los usuarios en general.
Click aquí
Leer más
22. 2.4.5 Múltiples vías (Nivel AA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Se proporciona más de un camino para localizar una página web dentro de un conjunto de páginas
web, excepto cuando la página es el resultado, o un paso intermedio, de un proceso.
Incluir mapa del sitio y enlaces a páginas relacionadas.
Incluir búsqueda
23. 2.4.6 Encabezados y etiquetas (Nivel AA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Los encabezados y etiquetas describen el tema o propósito.
Usar encabezados.
2.4.10 Encabezados de sección (Nivel
AAA): Se usan encabezados de sección para
organizar el contenido.
24. 2.4.7 Foco visible (Nivel AA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la cuál el
indicador del foco del teclado resulta visible.
25. 2.4.8 Ubicación (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Se proporciona información acerca de la ubicación del usuario dentro de un conjunto de páginas
web.
Indicar situación actual dentro de las barras de navegación
Miga de pan