WCAG 2.0 Principio 3 - Comprensible.
Autor: Juan Manuel Carrero Leal (CESyA)
El principio 3 de la WCAG 2.0 dice lo siguiente:
La información y el manejo de la interfaz de usuario deben ser comprensibles.
Este principio está formado por 3 pautas:
Pauta 3.1 - Hacer que los contenidos textuales resulten legibles
y comprensibles. Formada por 6 puntos de verificación.
Vemos un ejemplo práctico de uno de ellos, en concreto
del punto 3.1.1 Idioma de la página: El idioma predeterminado de cada
página web puede ser determinado por software. Es un punto de nivel A.
Un aspecto importante en cualquier página web es indicar cuál es
el idioma principal de esta página.
Esto se puede comprobar en el código fuente de la página en su cabecera,
en que se indica el idioma a través de una etiqueta de metadatos,
en este caso indicando que el idioma es español,
así como en la propia cabecera del lenguaje html.
La importancia de indicar el idioma, radica en distintos elementos,
pero tal vez uno de los más representativos sea con la utilización
de lectores de pantalla, ya que en el momento que el lector
detecta el idioma principal, puede utilizar el sintetizador de voz
de ese lenguaje para leer el contenido de forma correcta
y no utilizando sintetizadores adaptados a otros idiomas y que,
por lo tanto, su resultado no sería útil para el usuario.
La pauta 3.2. dice: Hacer que las páginas web aparezcan y operen
de manera predecible y está compuesta por 5 puntos de verificación.
Estudiamos uno de ellos:
Punto 3.2.3 Navegación coherente: Los mecanismos de navegación
que se repiten en múltiples páginas web dentro de un conjunto
de páginas web, aparecen siempre en el mismo orden relativo
cada vez que se repiten, a menos que el cambio
sea provocado por el propio usuario. Nivel AA.
A continuación se muestra un ejemplo de este punto.
Es importante que la estructura de la página se mantenga
lo más constante posible cuando se navega por ella,
ya que de esta forma se facilita al usuario
la localización de los distintos mecanismos de navegación,
colocación de los contenidos de la página, etcétera.
En el ejemplo, observamos cómo en la página,
se sitúa en la parte superior el logotipo junto con un banner
e inmediatamente debajo un menú genérico de navegación
a páginas como el buscador, contacto o el mapa web.
En el lado derecho se encuentra un menú
de distintas secciones de la página.
Si entramos en distintas páginas del sitio web, podemos observar
cómo todos esos elementos de navegación se mantienen en su sitio,
mostrando el menú en la parte superior, la información principal en el lado
izquierdo de la pantalla y el otro menú en el lado derecho.
Esto facilita al usuario ubicarse y saber cómo navegar por la página.
Igualmente, el menú de la derecha aunque cambia su contenido para cada
actividad de la página, se mantiene en la misma posición,
siendo coherente el diseño del sitio web en todas sus páginas.
Por último, la Pauta 3.3 Ayudar a los usuarios a evitar
y corregir los errores, formada por 6 puntos de verificación.
En concreto estudiamos el punto 3.3.2 Etiquetas o instrucciones:
Se proporcionan etiquetas o instrucciones cuando el contenido
requiere la introducción de datos por parte del usuario.
Siendo un punto de nivel A. Vemos un ejemplo.
Este punto es de especial importancia cuando se realizan formularios
para que los usuarios introduzcan determinados datos,
como pueden ser registros en las páginas, encuestas de opinión, etcétera.
Es importante que un usuario sepa en todo momento cómo debe introducir
esos datos para así evitar errores en ellos.
En el ejemplo, tenemos un formulario de registro con distintos campos.
Por ejemplo, para introducir la fecha de nacimiento, el formulario proporciona
elementos desplegables en los que se indica el día, el mes y el año,
siendo fácil entonces para los usuarios la introducción de esos datos.
En el caso del campo Sexo, se proporciona igualmente la posibilidad
de seleccionar el valor adecuado mediante un desplegable.
Para la introducción de la contraseña, el formulario contiene un texto
bajo la caja, en la que se indica que la contraseña debe tener
8 caracteres como mínimo y distingue mayúsculas de minúsculas
proporcionando al usuario la información necesaria para rellenarlo.
Por último también podemos ver cómo para introducir la información
del número de teléfono, dentro de la propia caja de datos,
se indica el formato en que debe introducirse,
siendo en este caso un número de 9 cifras.