Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Principio 2 Operable en Nivel AA Unidad 2 PDF
Principio 2 Operable en Nivel AA Unidad 2 PDF
Operable en nivel AA
Introduccin
Este principio permite que los usuarios puedan operar los componentes de la
interfaz de usuario y la navegacin sin ningn tipo de obstculo. Es decir, que
tengan acceso a toda la informacin que se presenta por medio del uso del
teclado, evitando lmite de tiempo en la visualizacin 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 ms tiempo.
Pauta 3. Convulsiones
Pauta 4. Navegable
Esta pauta consiste en brindar al usuario una navegacin 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 identificacin en las
pginas, saltar contenidos y mapas de sitio.
Teclado
Qu pretende?
A quin puede beneficiar?
No utilizar funciones especficas 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 travs del sitio web mediante la tecla TAB, lo
cual siempre debera garantizar la correcta navegacin. Sin embargo, en
sitios mal diseados o que utilicen tecnologas poco accesibles (como
Flash) se corre el riesgo de que el foco de navegacin quede atrapado en
el elemento, exigiendo del usuario la utilizacin del mouse para retornar el
foco. Un ejemplo muy comn se da en la pgina 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 funcin a travs del teclado para sacar el foco de la seccin de
contenido si este llegase a quedar atrapado; debe informarse claramente al
usuario de esta funcin. Sin embargo, la mejor opcin es no utilizar elementos que
constituyan una trampa de teclado.
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 prcticas:
Algunos elementos de uso comn en las pginas web pueden provocar destellos
en la pantalla como los scripts, los applets, los objetos flash o imgenes.
Qu pretende?
Que ningn 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 prcticas para cumplir con este criterio
Pauta 4. Navegable
Los diferentes criterios de conformidad para cumplir con esta pauta se refieren a:
Una de las tcnicas ms utilizadas para cumplir con este propsito 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
pgina y poder as saltar a la informacin 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 cmo se suministran enlaces ocultos (por CSS) para la
vista, ms no para un lector de pantalla, que llevan al contenido principal antes de
cargar la informacin de la pgina.
Qu pretende?
Para definir un ttulo que sea semnticamente correcto, hay que asegurarse de
que el ttulo se identifique plenamente con la pgina web, que le brinde sentido
an fuera de su contexto y que sea fcil de leer.
Ejemplo:
<head>
<title>Fondo Nacional del Ahorro</title> </head>
Orden del foco - Nivel A
Qu pretende?
Generar un orden lgico y secuencial para navegar por los diferentes elementos
de la pgina, dependiendo de su importancia dentro del sitio. Si bien los grficos
de un sitio web pueden sugerir una forma de explorar, el foco del teclado es
transparente al diseo y se gua por la definicin semntica del contenido. Por
ejemplo, una pgina puede contener dos mens de navegacin y sin importar cul
de los dos aparezca primero en el cdigo HTML, es muy fcil para el usuario
identificar el men principal de forma grfica; sin embargo, para las personas con
lector de pantalla no es tan sencillo y es necesario contar con un orden de
navegacin bien definido que pueda ser aprovechado por dicha herramienta.
El propsito de cada enlace puede ser determinado con slo el texto del
enlace o a travs del texto del enlace sumado al contexto del enlace
determinado por software, excepto cuando el propsito 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
desrdenes cognitivos.
Qu pretende?
Siempre deben tener un texto que identifique su funcin, de forma tal que
el visitante, slo con leer el texto del enlace, se pueda hacer una idea de lo
que se encontrar si lo activa.
Por ejemplo:
Por ejemplo:
El mapa del sitio es una seccin del sitio web cuyo enlace debe estar presente
en todas las pginas y contiene la coleccin de enlaces a todas las secciones
del sitio de una forma estructurada.
Para muchos usuarios es ms sencillo dirigirse al sitio web para ubicar el enlace
a la pgina de su inters de una forma directa y no tener que navegar por las
opciones del men. Dependiendo del tamao del sitio web, el mapa este se
hace ms til.
Asegrese que el mapa del sitio web se encuentre siempre actualizado y que
sea un reflejo fiel de la estructura y jerarqua de navegacin del sitio.
Proporcionar opciones de bsqueda en el sitio web.
Ejemplo:
Por ejemplo:
Qu pretende?
Este debe de proporcionar ttulos a las secciones del sitio web a travs del
uso de encabezados y etiquetar correctamente el contenido, as ayudar a
los visitantes a entender rpidamente la intencin del sitio web que estn
visitando.
Los encabezados de nivel cumplen una funcin muy importante en el sitio web,
pues proporcionan al usuario informacin referente a la distribucin del
contenido y lo estructuran semnticamente. Funcionan de manera similar a la
organizacin de los captulos, subcaptulos, 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 navegacin se ajusta con el teclado, los visitantes deberan
saber en cada momento en dnde se encuentra el foco del teclado y una
forma de hacerlo es resaltndolo entre los dems elementos de la interfaz.
Buenas prcticas para cumplir con este criterio
Los navegadores web estndar resaltan el foco del teclado cuando este se
ubica sobre elementos HTML como controles de formulario, razn 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 estndar de HTML que sean resaltados por el navegador.
Tambin es aconsejable que favorecer el resaltado del foco mediante la
utilizacin de estilos CSS para que sea visualmente ms llamativo y le indique
al usuario en dnde 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