Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
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 s...
2.1 Accesible por teclado
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado
Proporcionar acceso...
2.1.1 Teclado (Nivel A)
Personas ciegas, que no puede usar dispositivos que requieren la
coordinación ojo-mano. Personas c...
Accesible por teclado
• Usar enlaces y controles de formulario estándar de HTML.
• Usar manejadores de evento que puedan l...
2.1.2 Sin trampas para el foco del teclado (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por ...
2.2 Tiempo suficiente
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente
tenido.
sus limitaciones, t...
2.2.1 Tiempo Ajustable (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente >> 2.2.1 Tiempo ...
Tiempo suficiente para…
• Responder físicamente
• Mover el ratón, usar el teclado, etc.
• Leer el contenido.
• Interactuar...
2.2.2 Poner en pausa, detener, ocultar (Nivel A)
Para la información que tiene movimiento, parpadeo, se desplaza o se actu...
2.2.4 Interrupciones (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2.4 In...
2.2.5 Re-autentificación (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textuales >> 2.2....
Tiempo suficiente
• Permitir modificar el tiempo de sesión.
• Ante una interrupción, continuar sin pérdida de datos.
Perce...
2.3 Convulsiones
Perceptible | Operable | Comprensible | Robusto >> 2.3 Convulsiones
asmos o convulsiones.
ás probabilidad...
2.3.1 Umbral de tres destellos o menos (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 1.1 Alternativas textu...
Convulsiones
Personas con epilepsia fotosensitiva pueden sufrir ataques por cambios
rápidos de luz a oscuridad, que supere...
2.4 Navegable
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
vegar, encontrar contenido y determinar dón...
2.4.1 Evitar bloques (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• 2.4.1 Evitar bloques: Ex...
2.4.2 Titulado de páginas (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• 2.4.2 Titulado de p...
2.4.3 Orden del foco (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Si se puede navegar secu...
2.4.4 Propósito de los enlaces (en contexto) (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• ...
2.4.5 Múltiples vías (Nivel AA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Se proporciona más de u...
2.4.6 Encabezados y etiquetas (Nivel AA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Los encabezado...
2.4.7 Foco visible (Nivel AA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Cualquier interfaz de usu...
2.4.8 Ubicación (Nivel AAA)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Se proporciona información ...
Silvia Da Rosa
@okactivist
C.C. www.mutuaspalabras.blogspot.com
Prochain SlideShare
Chargement dans…5
×

Accesibilidad web por principios - Principio 2: Operable

523 vues

Publié le

Accesibilidad web por principios - Principio 2: Operable

Publié dans : Formation
  • Login to see the comments

Accesibilidad web por principios - Principio 2: Operable

  1. 1. Accesibilidad web por principios Principio 2: Operable
  2. 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. 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. 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. 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. 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. 7. 2.2 Tiempo suficiente Perceptible | Operable | Comprensible | Robusto >> 2.2 Tiempo suficiente tenido. sus limitaciones, tengan tiempo suficiente para realizar las tarea
  8. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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
  26. 26. Silvia Da Rosa @okactivist C.C. www.mutuaspalabras.blogspot.com

×