Principio 2.

Operable en nivel AA
Introduccin

Fuente: (Fotolia, 2004)

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:
Pauta 1. Accesible por teclado
Es una caracterstica de accesibilidad en la que el usuario pueda acceder a los
contenidos a travs del teclado, debido a que muchas personas slo tienen esta
herramienta para navegar, adems que otros utilizan lectores de pantalla o
teclados especiales, por lo tanto, se puede prescindir del mouse y conocer toda la
informacin que presenta.
Pauta 2. Tiempo suficiente
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
Los ataques de epilepsia fotosensitiva pueden ser desencadenados por destellos
o cambios de luminosidad. No se deben disear contenidos de un modo que se
sepa podra provocar ataques, espasmos o convulsiones, por ejemplo: los scripts,
applets, objetos flash o imgenes.
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.
A continuacin se dan a conocer estas pautas al detalle y la forma de ponerlas en
prctica:
Pauta 1. Accesible por teclado
Proporcionar acceso a toda la funcionalidad mediante el teclado
Una caracterstica de accesibilidad muy importante es el ingreso a travs del
teclado, debido a que una gran cantidad de herramientas de apoyo se basan en el
uso de este y muchos usuarios lo tienen como nico medio de interaccin, como
por ejemplo, personas que usan lectores de pantalla o teclados adaptados; de
igual manera, para los usuarios que navegan con mouse, la pgina seguir siendo
operable.
Teclado
Toda la funcionalidad del contenido es operable a travs de una interfaz de
teclado sin que se requiera una determinada velocidad para cada pulsacin
individual de las teclas, excepto cuando la funcin interna requiere de una
entrada que depende del trayecto de los movimientos del usuario y no slo
de los puntos inicial y final.

Nota 1: esta excepcin se refiere a la funcin subyacente, no a la tcnica

de entrada de datos. Por ejemplo, si la entrada de texto se hace por medio
de escritura a mano, la tcnica de entrada (escritura a mano) depende del
trazo (ruta trazada) pero la funcin interna (introducir texto) no.
Nota 2: esto no prohbe ni debera desanimar a los autores a proporcionar
entrada de ratn u otros mtodos de entrada de datos adicionales a la
operabilidad a travs del teclado. (Sidar, 2009)

Un teclado en pantalla puede considerarse como una interfaz de teclado.

Fuente: (Fotolia, 2004)

Un teclado en pantalla puede considerarse como una interfaz de teclado.

A quin puede beneficiar?

A personas invidentes, con baja
visin, con problemas de movilidad o
con limitaciones tcnicas.

Qu pretende?
Asegurar que se pueda operar el
contenido a travs de teclado o de un
interfaz de teclado (teclado emulado
por software u otros dispositivos).

Buenas prcticas para cumplir con este criterio

Implementar funciones de acceso por teclado para interactuar con enlaces,
formularios y otros elementos.
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.
Sin trampas para el foco del teclado - Nivel A
Si es posible mover el foco a un componente de la pgina usando una
interfaz de teclado, entonces el foco se puede quitar de ese componente
utilizando solamente la interfaz de teclado y si se requiere algo ms que las
teclas de direccin o de tabulacin, se informa al usuario el mtodo
apropiado para mover el foco. (W3C, 2010)

Fuente: (Fotolia, 2004)

A quin puede beneficiar?

A todos los usuarios que utilizan el teclado como nico dispositivo de entrada.

Qu pretende?
Que la navegacin mediante el teclado no quede suspendida en alguna
seccin de la pgina.
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.
Nota: en la medida en que cualquier contenido que no satisfaga este
criterio puede interferir con la capacidad del usuario para emplear la pgina
en su conjunto, todo contenido de la pgina web (tanto si satisface o no
otros criterios de conformidad) debe satisfacer este criterio. (W3C, 2010)

Buenas prcticas para cumplir con este criterio

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.
Pauta 2. Tiempo suficiente I

Fuente: (Fotolia, 2004)

Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido

Las personas con limitaciones a veces requieren ms tiempo para completar
ciertas tareas que el resto de los usuarios, razn por la cual debe eliminarse
cualquier limitacin temporal que dificulte la utilizacin del sitio, por ejemplo:

Una persona con limitaciones de movimiento puede tardar ms tiempo en

ubicar el cursor en un punto especfico de la pantalla.
Una persona con deficiencia visual puede tardar ms tiempo para leer el
contenido.
Una persona invidente puede tardar ms tiempo para diligenciar formularios a
travs del lector de pantalla o localizar los elementos de la pgina.

Tiempo ajustable - Nivel A

Para cada lmite de tiempo impuesto por el contenido, se cumple al menos
uno de los siguientes casos:
Apagar: el usuario puede detener el lmite de tiempo antes de alcanzar
el lmite de tiempo; o
Ajustar: el usuario puede ajustar el lmite de tiempo antes de alcanzar
dicho lmite en un rango amplio que es, al menos, diez veces mayor al
tiempo fijado originalmente; o
Extender: se advierte al usuario antes de que el tiempo expire y se le
conceden al menos 20 segundos para extender el lmite temporal con
una accin simple (por ejemplo, "presione la barra de espacio") y el
usuario puede extender ese lmite de tiempo al menos diez veces; o
Excepcin de tiempo real: el lmite de tiempo es un requisito que forma
parte de un evento en tiempo real (por ejemplo, una subasta) y no
resulta posible ofrecer una alternativa al lmite de tiempo; o
Excepcin por ser esencial: el lmite de tiempo es esencial y, si se
extendiera, invalidara la actividad; o
Excepcin de 20 horas: el lmite de tiempo es mayor a 20 horas.

Nota: en la medida en que cualquier contenido que no satisfaga este

criterio puede interferir con la capacidad del usuario para emplear la pgina
en su conjunto, todo contenido de la pgina web (tanto si satisface o no
otros criterios de conformidad) debe satisfacer este criterio. (W3C, 2010)

Tiempo suficiente II

Qu pretende?
Que la navegacin mediante el teclado no quede suspendida en alguna
seccin de la pgina. 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 se quede atrapado en el elemento, exigiendo de parte 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
se entra al reproductor del video, ya que una vez dentro no es posible
recuperar el foco.
A quin puede beneficiar?
A todos los usuarios que utilizan el teclado como nico dispositivo de entrada.
Buenas prcticas para cumplir con este criterio
La principal forma de cumplir con este criterio es evitar establecer lmites de
tiempo en los sitios web o proporcionar un mecanismo para que los usuarios
puedan extender o desactivar los plazos de tiempo para ejecutar una tarea. Este
mecanismo puede ser un enlace o un botn que elimine la restriccin del tiempo.
Poner en pausa, detener, ocultar - Nivel A
Para la informacin que tiene movimiento, parpadeo, se desplaza o se
actualiza automticamente, se cumplen todos los casos siguientes:

Movimiento, parpadeo, desplazamiento: para toda informacin que se

mueve, parpadea o se desplaza, que (1) comienza automticamente, (2)
dura ms 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
Actualizacin automtica: para toda informacin que se actualiza
automticamente, que (1) se inicia automticamente 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
actualizacin a menos que la actualizacin automtica sea parte esencial
de una actividad.
Nota 1: para los requisitos relacionados con el parpadeo o el destello de
contenido, vase la Pauta 2.3.
Nota 2: en la medida en que cualquier contenido que no satisfaga este
criterio puede interferir con la capacidad del usuario para emplear la pgina
en su conjunto, todo contenido de la pgina web (tanto si satisface o no
otros criterios de conformidad) debe satisfacer este criterio. Vase
Requisitos de conformidad 5: Sin interferencia.
Nota 3: para el contenido que es actualizado peridicamente por medio de
un software, o que se sirve a la aplicacin de usuario por medio de
streaming, no hay obligacin de preservar o presentar la informacin que
ha sido generada o recibida entre el inicio de la pausa y el reinicio de la
presentacin; no slo podra no ser tcnicamente posible, sino que adems
en muchas ocasiones podra ser errneo o engaoso hacerlo.
Nota 4: una animacin que ocurre como parte de una fase de precarga de
un contenido o una situacin similar puede ser considerada esencial si no
se permite interaccin a ningn usuario durante esa fase, y si el hecho de

no indicar el progreso pudiera confundir a los usuarios y hacerles creer que

ha habido un fallo en el contenido. (W3C, 2010)

Qu pretende?
Evitar que los usuarios se confundan o distraigan mientras navegan por la
pgina.
Es comn encontrar en los sitios webmultitud de imgenes, banners,
marquesinas, animaciones, videos, publicidad, juegos y dems elementos
que han sido diseados para llamar la atencin de los usuarios (logrndolo
la mayora de las veces y en ocasiones de manera excesiva). Sin embargo,
este tipo de elementos pueden distraer a los usuarios o confundirlos,
llegando incluso a imposibilitar la navegacin.

A quin puede beneficiar?

A personas con deficiencias cognitivas o desrdenes de la atencin que son
altamente influenciables por este tipo de distracciones.

Buenas prcticas para cumplir con este criterio

Para evitar estas situaciones debe hacerse caso a las siguientes prcticas:
Asegurar que el contenido no comience de forma automtica y que slo puede
ser reproducido a peticin de los usuarios.
Hacer que el contenido automtico no se reproduzca por ms de cinco
segundos, el cual es un intervalo de tiempo suficiente para llamar la atencin
del usuario, ms no para confundirlo o distraerlo del todo.
Permitir al usuario pausar y reiniciar la reproduccin del contenido a travs de
controles de interfaz fcilmente accesibles.
Permitir detener del todo la reproduccin del contenido.

Pauta 3. Convulsiones
No disear contenido de un modo que se sepa que podra provocar ataques,
espasmos o convulsiones. Algunas personas sufren de ataques de epilepsia
fotosensitiva, desorden que puede ser desencadenado por destellos o parpadeos
con cambio de luminosidad con una frecuencia superior a los 3 Hz (tres destellos
por segundo).
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.
Umbral de tres destellos o menos - Nivel A
Las pginas web no contienen nada que destelle ms de tres veces en un
segundo, o el destello est por debajo del umbral de destello general y de
destello rojo. (Nivel A)

Nota: en la medida en que cualquier contenido que no satisfaga este

criterio puede interferir con la capacidad del usuario para emplear la pgina
en su conjunto, todo contenido de la pgina web (tanto si satisface o no
otros criterios de conformidad) debe satisfacer este criterio. Vase
Requisitos de conformidad 5: Sin interferencia. (Sidar, 2009)

Qu pretende?
Que ningn usuario est expuesto a contenidos que puedan generar ataques
fotosensitivos.

A quin puede beneficiar?

A las personas con trastornos fotosensitivos que pueden sufrir ataques por los
destellos de la pantalla.

Buenas prcticas para cumplir con este criterio

Proporcionar alternativas textuales en las imgenes con el atributo alt para
impedir que las personas con problemas fotosensitivos sufran algn tipo de
ataque, debe evitarse el uso de cualquier destello en banners, animaciones,
imgenes o applets; de utilizarlos hay que asegurarse de que estos se
encuentran por debajo de los tres destellos por segundo o por encima de los
cincuenta destellos por segundo.
Adicionalmente no deben presentarse esos destellos en un rea mayor a
21.904 pixeles cuadrados, es decir, un cuadrado de menos de 148 pixeles por
cada lado.

No deben generarse destellos en un cuadrado de

ms de 148 pixeles de lado o de ms de 21.904
pixeles cuadrados de rea.

Pauta 4. Navegable

Fuente: (Fotolia, 2004)

Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y

determinar dnde se encuentran (Sidar, 2009).

Esta pauta tiene como objetivo ayudar a los usuarios a navegar fcilmente por las
pginas web, permitindoles encontrar fcilmente el contenido de su inters y
conocer en todo momento en qu parte del sitio web se encuentran ubicados, lo
cual resulta muy til para personas en situacin de discapacidad (y para todos los
visitantes en general).
Los diferentes criterios de conformidad para cumplir con esta pauta se refieren a:
Saltar el contenido repetido e ir directamente al principal.
Identificar correctamente el contenido (ttulos de pginas, encabezados y
etiquetas).
Describir claramente el destino de los enlaces.
Informacin sobre la localizacin en el sitio.
Orden adecuado del foco.
Evitar bloques - Nivel A
Existe un mecanismo para evitar los bloques de contenido que se repiten en
mltiples pginas web (W3C, 2010).

Fuente: (Fotolia, 2004)

Qu pretende?
Permitir a los usuarios acceder directamente al contenido principal. La
mayora de sitios web contienen informacin y elementos que se repiten en
todas las pginas como el logo, el ttulo y el men principal de navegacin,
los banners, entre otros, que se ubican al inicio del documento HTML. Si
bien las personas sin discapacidad pueden omitirlos fcilmente y centrar
sus datos en el contenido principal, para los visitantes que usan lectores de
pantalla resulta muy complicado, pues estos observan el contenido de
forma lineal, por lo tanto repiten la lectura de los mismos elementos en cada
sitio que un individuo visita antes de analizar el contenido principal.

A quin puede beneficiar?

A los usuarios de lectores de pantalla y otras tecnologas de asistencia.

Buenas prcticas para cumplir con este criterio

Proporcionar un enlace al principio del documento que lleve al contenido
principal
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.
Titulado de pginas - Nivel A
Las pginas web tienen ttulos que describen su temtica o propsito.

Qu pretende?
Beneficia a cualquier usuario, al permitirle identificar en qu pgina se
encuentra.
A quin puede beneficiar?
Que los usuarios puedan orientarse fcilmente al saber en cul pgina se
encuentran ubicando el ttulo de la misma.

Buenas prcticas para cumplir con este criterio

Proporcionar ttulos a las pginas mediante la etiqueta title
La etiqueta title sirve para establecer el ttulo de la pgina, el cual es visible en
la parte superior de la ventana del explorador o en la pestaa del mismo, siendo
de igual manera un elemento fcil de ubicar para el lector de pantalla.
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

Si se puede navegar secuencialmente por una pgina web y la secuencia de
navegacin afecta su significado o su operacin, los componentes que pueden
recibir el foco lo hacen en un orden que preserva su significado y operatividad.

A quin puede beneficiar?

Beneficia a usuarios que navegan mediante teclado, con dificultades de
lectura o problemas visuales, al evitar que el foco se dirija a sitios
inesperados (esperan que el orden del foco sea consistente con el orden de
lectura).

Qu pretende?
Que los usuarios puedan navegar mediante el teclado, encontrando la
informacin en el orden correcto.

Buenas prcticas para cumplir con este criterio

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.
Propsito de los enlaces (en contexto) - Nivel A
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 quin puede beneficiar?

A todos los usuarios que navegan con un lector de pantalla o que tengan
desrdenes cognitivos.
Qu pretende?
Que los usuarios comprendan el propsito de un enlace y puedan decidir
si lo activan o no. Los enlaces son uno de los elementos ms importantes
en la web, pues son la base de la navegacin hipertextual y como tal, hay
que asegurarse de que las personas lo utilicen debidamente.
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.
En este orden de ideas, es importante elegir un texto adecuado para los
enlaces de forma tal que se entienda su funcin, no se debera utilizar los
del tipo Clic aqu, Ver ms, Leer ms, entre otros; pues estos no se
interpretan fuera de su contexto y usuarios de lectores de pantalla no
podrn comprenderlos.

Buenas prcticas para cumplir con este criterio

Utilizar el propio texto del enlace para describir su propsito.
Una de las mejores prcticas que debe emplearse siempre es describir el
propsito del enlace en el mismo texto que lo compone. Se debe recordar que
una URL en s misma no es descriptiva.
Por ejemplo:
<a href="http://www.certificadojudicial.gov.co/">Tramitar el certificado judicial
en lnea</a>

All, cuando una persona lee usuario y el texto del enlace puede hacerse una idea
del propsito que cumple sin necesidad de abrir el enlace para comprobarlo.
Proporcionar una descripcin adicional al texto del enlace mediante el
atributo title
Otra buena prctica es ampliar la informacin acerca del enlace mediante el
atributo title de la etiqueta <a>. Cuando un usuario pase el mouse encima del
mensaje podr ver el texto adicional; sin embargo, esta medida no siempre es
efectiva, por lo que se recomienda describirlo siempre en el texto del enlace.
Por ejemplo:

a href=# title=Fuente Grande A/a

Fuente: (Ministerio de Tecnologas de la Informacin y las Comunicaciones, 2011)

Como se aprecia el texto del enlace al no ser muy descriptivo, se complementa

con el atributo title; sin embargo, lo mejor es escribir siempre textos muy
descriptivos como enlaces.
Mltiples vas - Nivel AA
Se proporciona ms de un camino para localizar una pgina web dentro de un
conjunto de las pginas web, excepto cuando la pgina es el resultado, o un paso
intermedio, de un proceso (W3C, 2010).

Qu pretende?

Que los usuarios cuenten siempre con un medio ajustado a sus

necesidades para ubicar el contenido de su inters.
No todas las personas sitan la informacin de la misma forma, para
algunos es ms sencillo explorar la estructura natural de los mens de
navegacin, para los que utilizan lectores de pantalla puede ser ms
simple hacerlo a travs del listado de enlaces o del mapa del sitio y para
aquellos que tienen problemas para comprender la jerarqua de los mens,
quizs resulte ms sencillo hacer una bsqueda directa en la pgina.
Por este motivo debe asegurarse de ofrecer la mayor cantidad de opciones
para que el visitante pueda encontrar fcilmente el contenido de su inters.

A quin puede beneficiar?

A todos los usuarios con limitaciones de visin o con problemas cognitivos.

Buenas prcticas para cumplir con este criterio

Proporcionar un mapa del sitio actualizado:
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:

Fuente: (Ministerio de Tecnologas de la informacin y las Comunicaciones, 2014)

En muchas ocasiones es ms sencillo ubicar el contenido a travs de un buscador

de sitio que navegando por las opciones de la pgina, sobre todo cuando se trata
de portales web con gran cantidad de informacin.
Otra buena prctica que se puede implementar es agregar un buscador web al
sitio, que permita a los usuarios, a travs de palabras clave o de criterios de
bsqueda avanzados, encontrar los datos de su inters de una forma rpida y
eficiente.
Por ejemplo:

Fuente: (Ministerio de Tecnologas de la informacin y las Comunicaciones, 2014)

Encabezados y etiquetas - Nivel AA

Los encabezados y etiquetas describen el tema o propsito (W3C, 2010).

Qu pretende?
Ayudar a los usuarios a comprender qu informacin est en la pgina web
y cmo debe estar organizada.
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.

A quin puede beneficiar?

A usuarios con lectores de pantalla o dificultades cognitivas, al ayudarles a
comprender eficientemente el propsito de cada pgina.

Buenas prcticas para cumplir con este criterio

Proporcionar encabezados con contenido significativo
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.
Para los usuarios de lectores de pantalla, los encabezados de nivel son su
principal medio para explorar el contenido del sitio web, por lo que siempre
debe asegurarse marcar correctamente las secciones identificndolas con su
correspondiente encabezado de nivel.
Foco visible - Nivel AA
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).
A quin puede beneficiar?
A usuarios que navegan con el teclado o a aquellos con problemas de
atencin o cognitivos.

Qu pretende?
Que el indicador del foco del teclado siempre se pueda localizar
visualmente.
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

Utilizar componentes estndar de HTML que sean resaltados por el
navegador
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
Accesibilidad a pginas web (NTC 5854). (2011, 15 de julio). Instituto

Colombiano de Normas Tcnicas y Certificacin (ICONTEC), 2011, 15 de julio.

Fotolia. (2004). Computerkurs an der Universitt mit Studenten. Consultado el

30 de abril de 2014, en http://co.fotolia.com/id/60390641

Fotolia. (2004). Electronic commerce and various shopping symbol. Consultado

el 30 de abril de 2014, en http://co.fotolia.com/id/60917071

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

Fotolia. (2004). Hands with a computer keyboard. Consultado el 30 de abril de

2014, en http://co.fotolia.com/id/56928248
Fotolia. (2004). Keyboard close-up with copy space. Consultado el 30 de abril

de 2014, en http://co.fotolia.com/id/64283249
Fotolia. (2004). Timeline concept: Clock on digital background. Consultado el 30

de abril de 2014, en http://co.fotolia.com/id/58642413

Ministerio de Tecnologas de la Informacin y las Comunicaciones. (2011).

Manual 3.0 para la Implementacin de la Estrategia de Gobierno en Lnea En

las Entidades del Orden Nacional de la Repblica de Colombia. Bogot,
Colombia: Ministerio de Tecnologas de la Informacin y las Comunicaciones.
Ministerio de Tecnologas de la informacin y las Comunicaciones. (2014).

Mapa
del
sitio.
Consultado
el 10
de
abril
de
http://www.mintic.gov.co/portal/604/w3-propertyvalue-6796.html

2014,

en

Sidar. (2009). Web Content Accessibility Guidelines (WCAG) 2.0. Consultado el

10 de abril de 2014, en http://www.sidar.org/traducciones/wcag20/es/

W3C. (2008). Web Content Accessibility Guidelines (WCAG) 2.0. Consultado el

10 de abril de 2014, en http://www.w3.org/TR/WCAG20/

W3C. (2010). Al recibir el foco. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistentbehavior-receive-focus.html

 W3C. (2010). Encabezados y etiquetas. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigationmechanisms-descriptive.html
W3C. (2010). Evitar bloques. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigationmechanisms-skip.html
W3C. (2010). Mltiples vas. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigationmechanisms-mult-loc.html
W3C. (2010). Poner en pausa, detener, ocultar. Consultado el 10 de abril de

2014,
en
http://www.sidar.org/traducciones/wcag20/es/comprenderwcag20/time-limits-pause.html
W3C. (2010). Propsito de los enlaces (en contexto). Consultado el 10 de abril

de
2014,
en
http://www.sidar.org/traducciones/wcag20/es/comprenderwcag20/navigation-mechanisms-refs.html

Control del documento

Autores

Adaptacin

Nombre
Ministerio de
Tecnologas de la
Informacin y las
Comunicaciones Gobierno en Lnea
Paola Andrea
Bobadilla Gutirrez

Cargo

Dependencia

Fecha
Mayo de
2012

Guionista Lnea de
produccin

Centro
Agroindustrial
Regional Quindo

Mayo de
2014