WCAG 2.0 Principio 2 - Operable
Autor: Juan Manuel Carrero Leal (CESyA)
En este vídeo, se van a mostrar las pautas que forman el principio 2,
cuyo enunciado dice lo siguiente:
Los componentes de la interfaz de usuario y la navegación deben ser operables.
Este principio está formado por 4 pautas.
Pauta 2.1. Proporcionar acceso a toda la funcionalidad mediante el teclado.
Está formada por 3 puntos de verificación.
De estos 3 puntos, vamos a estudiar el primero:
Punto de verificación 2.1.1. Teclado:
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.
Es un punto de nivel A. Vemos un ejemplo práctico del mismo.
Este punto de verificación indica la importancia de que una página web
no esté condicionada a su utilización mediante ratón que es lo más extendido,
sino que debe ser posible acceder a toda su funcionalidad mediante el teclado.
En el ejemplo, observamos cómo utilizando la tecla de tabulador del teclado,
el foco de la página se va moviendo entre los diferentes enlaces presentes
en la página, y si se mantiene en uno y se pulsa la tecla ENTER,
la funcionalidad de ese enlace se activa y lleva a la página marcada en el enlace.
Esto mismo, puede ser aplicable a otras operaciones mediante el teclado
como puede ser con la utilización de las teclas de acceso rápidas.
Pauta 2.2 Proporcionar a los usuarios el tiempo suficiente
para leer y usar el contenido. Compuesta por 5 puntos de verificación.
De entre ellos, estudiamos el segundo:
Punto de verificación 2.2.2. Poner en pausa, detener, ocultar:
Para la información que tiene movimiento, parpadeo, se desplaza
o se actualiza automáticamente, se cumplen todos los casos siguientes,
siendo un punto de nivel A.
Movimiento, parpadeo, desplazamiento: Para toda información que se mueve,
parpadea o se desplaza, que comienza automáticamente,
dura más de cinco segundos y 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 se inicia automáticamente y 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.
Un contraejemplo del mismo se muestra a continuación.
El ejemplo clásico de páginas en las que se produce una actualización automática,
es el de las páginas de noticias.
Estas páginas por lo general se actualizan cada determinado tiempo
para mostrar las últimas noticias.
Por ejemplo, observando la versión antigua de la página de El Mundo,
podemos observar cómo en su código fuente tiene una línea
en la que indica que la página debe refrescarse de forma automática
cada 15 minutos.
El problema que tiene esta implementación,
es que en ningún momento se proporciona al usuario
la posibilidad de detener la actualización,
lo que puede suponer un gran problema si el usuario en ese momento
está leyendo determinado contenido de la página
y de repente esa información se modifica, cambia de lugar
o la página simplemente al recargarse se situa al principio de la misma.
La Pauta 2.3 dice: No diseñar contenido de un modo que
se sepa podría provocar ataques, espasmos o convulsiones.
Está formada por 2 puntos de verificación.
El punto que estudiaremos y del que se mostrará un ejemplo
es el Punto de verificación 2.3.1. Umbral de tres destellos o menos:
Las páginas web no contienen nada que destelle más de 3 veces en un segundo,
o el destello está por debajo del umbral de destello general
y de destello rojo. Es un punto de nivel A.
Pese a la importancia de los elementos que parpadean
a la hora de llamar la atención hacia un contenido,
estos elementos siempre deben realizarse con un especial cuidado
ya que si hacemos que el parpadeo sea excesivamente rápido
podrían ser causantes de determinados ataques o convulsiones.
El ejemplo que podemos ver, tiene un parpadeo más lento
del límite de 3 parpadeos por segundo que permite la norma,
asegurándonos de esta forma que su presencia
no va a provocar ningún problema a los usuarios.
Para finalizar el principio 2, tenemos la Pauta 2.4.
Proporcionar medios para ayudar a los usuarios a navegar,
encontrar contenido y determinar dónde se encuentran.
Está compuesta por 10 puntos de verificación.
Estudiamos el punto de verificación 2.4.4 Propósito de los enlaces (en contexto)
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. Es un punto de nivel A.
Vemos un ejemplo.
Es importante que los enlaces indiquen con su propio texto cuál es su propósito,
o en el caso de no ser posible simplemente con el texto,
con su contexto u otras herramientas del lenguaje que permitan determinarlo.
Vemos en el ejemplo, cómo los enlaces de Noticias,
Agenda y Documentación son capaces por si mismos de identificar
al usuario dónde va a ser dirigido al entrar en ellos.
Por su parte, enlaces como los de Formación y Normativa,
a pesar de que es probable que el usuario sepa perfectamente
simplemente con leer sus nombres dónde va a ser dirigido,
contienen un texto adyacente que ayuda a interpretarlos.
Por ejemplo en Formación el texto complementario
indica que es información sobre formación de subtituladores
y audiodescriptores.
Por último, el típico enlace de Leer más que contienen muchas noticias
que se presentan reducidas en pantalla,
no sería capaz por si mismo de indicar al usuario cuál es su propósito,
hecho que sería especialmente relevante
en el caso de lectores de pantalla en los que el usuario
tan sólo leyerá la lista de enlaces disponibles.
Es por esto, por lo que el enlace contiene en una etiqueta
del lenguaje de programación utilizado, en el que se indica
que el proposito final del enlace es llevar al usuario
a leer más de la noticia titulada Cartelera accesible de noviembre.
De esta forma, el propósito del enlace queda completamente definido.