26
Accesibilidad web por principios Principio 2: Operable

Accesibilidad web por principios - Principio 2: Operable

  • Upload
    tayzee

  • View
    10

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Accesibilidad web por principios - Principio 2: Operable

Accesibilidad web por principios

Principio 2: Operable

Page 2: Accesibilidad web por principios - Principio 2: Operable

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Silvia Da Rosa@okactivist

C.C. www.mutuaspalabras.blogspot.com