accesibilidad web por principios - principio 2: operable
TRANSCRIPT
![Page 1: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/1.jpg)
Accesibilidad web por principios
Principio 2: Operable
![Page 2: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/2.jpg)
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
![Page 3: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/3.jpg)
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.
![Page 4: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/4.jpg)
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.
![Page 5: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/5.jpg)
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
![Page 6: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/6.jpg)
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.
![Page 7: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/7.jpg)
2.2 Tiempo suficiente
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente
•Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.•Propósito: asegurar que todas las personas, independientemente de sus limitaciones, tengan tiempo suficiente para realizar las tareas que deseen.
![Page 8: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/8.jpg)
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.
•Usuarios de lector de pantalla o personas con limitaciones visuales
•Personas que usan lengua de señas pueden necesitar más tiempo para leer un texto
•Personas con dificultades cognitivas pueden necesitar más tiempo para leer un texto
•Personas con dificultades motrices pueden necesitar más tiempo para interactuar
![Page 9: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/9.jpg)
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
![Page 10: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/10.jpg)
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.
•Personas con dificultades cognitivas o de atención
•Cualquier persona puede tener dificultades en concentrarse con elementos distractores
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente >> 2.2.1 Tiempo ajustable
![Page 11: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/11.jpg)
2.2.4 Interrupciones (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2.4 Interrupciones
•Personas con baja visión o usuarios de lector de pantalla pueden tener dificultades
•Personas con déficit atencional necesitan enfocarse en el contenido sin distracciones
•Puede resultar molesto para cualquier persona
El usuario puede postergar o suprimir las interrupciones, excepto cuando las interrupciones implican una emergencia.
![Page 12: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/12.jpg)
2.2.5 Re-autentificación (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2.5 Re-autentificación
•Usuarios de lector de pantalla podrán necesitar más tiempo para navegar
•Personas con limitaciones cognitivas podrán leer más lentamente y necesitar más tiempo.
•Personas con limitaciones motrices que usen dispositivos 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.
![Page 13: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/13.jpg)
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
![Page 14: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/14.jpg)
2.3 Convulsiones
Perceptible | Operable | Comprensible | Robusto >> 2.3 Convulsiones
•No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.•Propósito: Asegurar que el contenido evita los tipos de flash que tienen más probabilidades de causar convulsiones cuando se ve incluso por un segundo o dos. •Las advertencias pueden no verse, sobre todo por los niños
![Page 15: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/15.jpg)
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.
•Puede resultar útil 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.
![Page 16: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/16.jpg)
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
![Page 17: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/17.jpg)
2.4 Navegable
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
•Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.•Propósito: Ayudar a los usuarios a encontrar contenido, saber donde están y permitirle ir a otro lado.
![Page 18: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/18.jpg)
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
![Page 19: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/19.jpg)
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.
![Page 20: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/20.jpg)
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.
![Page 21: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/21.jpg)
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
![Page 22: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/22.jpg)
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
![Page 23: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/23.jpg)
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.
![Page 24: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/24.jpg)
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.
![Page 25: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/25.jpg)
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
![Page 26: Accesibilidad web por principios - Principio 2: Operable](https://reader035.vdocumento.com/reader035/viewer/2022081605/58ef8cee1a28ab053b8b4599/html5/thumbnails/26.jpg)
Silvia Da Rosa@okactivist
C.C. www.mutuaspalabras.blogspot.com