Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Operable en nivel AA
Introducción
Este principio permite que los usuarios puedan operar los componentes de la
interfaz de usuario y la navegación sin ningún tipo de obstáculo. Es decir, que
tengan acceso a toda la información que se presenta por medio del uso del
teclado, evitando límite de tiempo en la visualización y uso del contenido, que sea
navegable y no generando destellos que provoquen convulsiones. Dicho principio
se rige por las siguientes pautas:
Se trata de eliminar las limitaciones de tiempo que dificulte a los usuarios realizar
tareas u consultar contenidos, teniendo en cuenta los tiempos que tardan los
diferentes usuarios para ubicar el cursor, leer e incluso diligenciar formularios. En
algunos casos utilizan lectores de pantalla pueden tardar más tiempo.
Pauta 3. Convulsiones
Pauta 4. Navegable
Esta pauta consiste en brindar al usuario una navegación simple y predecible que
le permita encontrar el contenido que requiera y estar ubicados en el sitio,
teniendo en cuenta que los enlaces describan el destino, la identificación en las
páginas, saltar contenidos y mapas de sitio.
Teclado
¿Qué pretende?
¿A quién puede beneficiar?
No utilizar funciones específicas del mouse, siempre que exista una alternativa
para el teclado; por ejemplo, si se utilizan los eventos comunes onmousedown,
onmouseup y onmouseover puede asegurar la funcionalidad del teclado
agregando eventos semejantes como onkeydown, onkeyup u onfocus.
A todos los usuarios que utilizan el teclado como único dispositivo de entrada.
¿Qué pretende?
Algunos usuarios navegan a través del sitio web mediante la tecla TAB, lo
cual siempre debería garantizar la correcta navegación. Sin embargo, en
sitios mal diseñados o que utilicen tecnologías poco accesibles (como
Flash) se corre el riesgo de que el foco de navegación quede atrapado en
el elemento, exigiendo del usuario la utilización del mouse para retornar el
foco. Un ejemplo muy común se da en la página de YouTube cuando se
navega con la tecla TAB y entra al reproductor del video, ya que una vez
dentro no es posible recuperar el foco.
Proporcionar una función a través del teclado para sacar el foco de la sección de
contenido si este llegase a quedar atrapado; debe informarse claramente al
usuario de esta función. Sin embargo, la mejor opción es no utilizar elementos que
constituyan una trampa de teclado.
Las personas con limitaciones a veces requieren más tiempo para completar
ciertas tareas que el resto de los usuarios, razón por la cual debe eliminarse
cualquier limitación temporal que dificulte la utilización del sitio, por ejemplo:
Tiempo suficiente II
¿Qué pretende?
A todos los usuarios que utilizan el teclado como único dispositivo de entrada.
¿Qué pretende?
Para evitar estas situaciones debe hacerse caso a las siguientes prácticas:
Algunos elementos de uso común en las páginas web pueden provocar destellos
en la pantalla como los scripts, los applets, los objetos flash o imágenes.
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. (Nivel A)
¿Qué pretende?
Que ningún usuario esté expuesto a contenidos que puedan generar ataques
fotosensitivos.
A las personas con trastornos fotosensitivos que pueden sufrir ataques por los
destellos de la pantalla.
Buenas prácticas para cumplir con este criterio
Pauta 4. Navegable
Los diferentes criterios de conformidad para cumplir con esta pauta se refieren a:
Una de las técnicas más utilizadas para cumplir con este propósito es suministrar
un enlace al inicio del documento con un anclaje al contenido principal, de forma
que los usuarios con lector de pantalla lo puedan ubicar tan pronto se carga la
página y poder así saltar a la información principal.
</head> <body>
<a href="" style="display:none;">Ir a contenido principal</a> <h1>
style="display:none;">Fondo Nacional del Ahorro</h1> <a href="#pie"
style="display:none;">Ir a pie</a>
<a href="#entidades" style="display:none;">Ir a entidades</a> <a
href="#menu" style="display:none;">Ir a superior</a>
<a href="#accesos" style="display:none;">Ir a accesibilidad</a>
En este ejemplo, se ve cómo se suministran enlaces ocultos (por CSS) para la
vista, más no para un lector de pantalla, que llevan al contenido principal antes de
cargar la información de la página.
¿Qué pretende?
Para definir un título que sea semánticamente correcto, hay que asegurarse de
que el título se identifique plenamente con la página web, que le brinde sentido
aún fuera de su contexto y que sea fácil de leer.
Ejemplo:
<head>
<title>Fondo Nacional del Ahorro</title> </head>
Orden del foco - Nivel A
¿Qué pretende?
Generar un orden lógico y secuencial para navegar por los diferentes elementos
de la página, dependiendo de su importancia dentro del sitio. Si bien los gráficos
de un sitio web pueden sugerir una forma de explorar, el foco del teclado es
transparente al diseño y se guía por la definición semántica del contenido. Por
ejemplo, una página puede contener dos menús de navegación y sin importar cuál
de los dos aparezca primero en el código HTML, es muy fácil para el usuario
identificar el menú principal de forma gráfica; sin embargo, para las personas con
lector de pantalla no es tan sencillo y es necesario contar con un orden de
navegación bien definido que pueda ser aprovechado por dicha herramienta.
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. (W3C, 2010)
A todos los usuarios que navegan con un lector de pantalla o que tengan
desórdenes cognitivos.
¿Qué pretende?
Siempre deben tener un texto que identifique su función, de forma tal que
el visitante, sólo con leer el texto del enlace, se pueda hacer una idea de lo
que se encontrará si lo activa.
Por ejemplo:
Por ejemplo:
“Se proporciona más de un camino para localizar una página web dentro de un
conjunto de las páginas web, excepto cuando la página es el resultado, o un paso
intermedio, de un proceso” (W3C, 2010).
¿Qué pretende?
El mapa del sitio es una sección del sitio web cuyo enlace debe estar presente
en todas las páginas y contiene la colección de enlaces a todas las secciones
del sitio de una forma estructurada.
Para muchos usuarios es más sencillo dirigirse al sitio web para ubicar el enlace
a la página de su interés de una forma directa y no tener que navegar por las
opciones del menú. Dependiendo del tamaño del sitio web, el mapa este se
hace más útil.
Asegúrese que el mapa del sitio web se encuentre siempre actualizado y que
sea un reflejo fiel de la estructura y jerarquía de navegación del sitio.
Proporcionar opciones de búsqueda en el sitio web.
Ejemplo:
Por ejemplo:
¿Qué pretende?
Este debe de proporcionar títulos a las secciones del sitio web a través del
uso de encabezados y etiquetar correctamente el contenido, así ayudará a
los visitantes a entender rápidamente la intención del sitio web que están
visitando.
Los encabezados de nivel cumplen una función muy importante en el sitio web,
pues proporcionan al usuario información referente a la distribución del
contenido y lo estructuran semánticamente. Funcionan de manera similar a la
organización de los capítulos, subcapítulos, temas y subtemas en los libros.
“Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la
cual el indicador del foco del teclado resulta visible” (Sidar, 2009).
¿Qué pretende?
Hay que recordar que muchos usuarios navegan únicamente con el teclado
y de esta forma acceden a los diferentes elementos de la interfaz, incluidos
aquellos que requieren entrada de datos como los formularios. Entonces, si
el foco de navegación se ajusta con el teclado, los visitantes deberían
saber en cada momento en dónde se encuentra el foco del teclado y una
forma de hacerlo es resaltándolo entre los demás elementos de la interfaz.
Buenas prácticas para cumplir con este criterio
Los navegadores web estándar resaltan el foco del teclado cuando este se
ubica sobre elementos HTML como controles de formulario, razón por la cual al
utilizar correctamente los elementos HTML puede asegurarse su compatibilidad
con los agentes de usuario y el resaltado del foco.
Utilizar componentes estándar de HTML que sean resaltados por el navegador.
También es aconsejable que favorecer el resaltado del foco mediante la
utilización de estilos CSS para que sea visualmente más llamativo y le indique
al usuario en dónde está ubicado el foco.
Referencias
Fotolia. (2004). Flat Web Design elements with flower. Templates for website.
Consultado el 30 de abril de 2014, en http://co.fotolia.com/id/64433662