27
1 UNIDAD 2.2. PRINCIPIO 2 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, no generando destellos que provoquen convulsiones y que sea navegable. Se rige por las siguientes pautas: PAUTA 1. ACCESIBLE POR TECLADO Es una característica de accesibilidad en la que el usuario pueda acceder a los contenidos a través del teclado, debido a que muchas personas solo tienen esta herramienta para navegar, además que otros utilizan lectores de pantalla o teclados especiales, por lo tanto se puede prescindir del mouse y conocer toda la información 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 Foto: SENA, regional Quindío.

Principio 2 Operable en Nivel AA Unidad 2

Embed Size (px)

Citation preview

Page 1: Principio 2 Operable en Nivel AA Unidad 2

1

UNIDAD 2.2.

PRINCIPIO 2 – 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, no

generando destellos que provoquen

convulsiones y que sea navegable. Se rige

por las siguientes pautas:

PAUTA 1. ACCESIBLE POR TECLADO

Es una característica de accesibilidad en la que el usuario pueda acceder a los

contenidos a través del teclado, debido a que muchas personas solo tienen esta

herramienta para navegar, además que otros utilizan lectores de pantalla o

teclados especiales, por lo tanto se puede prescindir del mouse y conocer toda

la información 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

Foto: SENA, regional Quindío.

Page 2: Principio 2 Operable en Nivel AA Unidad 2

2

tardan los diferentes usuarios para ubicar el cursor, leer e incluso diligenciar

formularios. En algunos casos utilizan lectores de pantalla que pueden tardar

más tiempo.

PAUTA 3. CONVULSIONES

Los ataques de epilepsia foto sensitiva pueden ser desencadenados por

destellos o cambios de luminosidad. No se deben diseñar contenido de un

modo que se sepa podría provocar ataques, espasmos o convulsiones, por

ejemplo: Los scripts, applets, objetos flash o imágenes.

PAUTA 4. NAVEGABLE

Esta pauta consiste en br

indar 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.

A continuación se dan a conocer estas pautas al detalle y la forma de ponerlas

en práctica.

1. ACCESIBLE POR TECLADO

Proporcionar acceso a toda la funcionalidad mediante el teclado

Una característica de accesibilidad muy importante es el ingreso a través 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 interacción,

Page 3: Principio 2 Operable en Nivel AA Unidad 2

3

como por ejemplo, personas que usan lectores de pantalla o teclados

adaptados; de igual manera, para los usuarios que navegan con mouse, la

página seguirá siendo operable.

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 solo de

los puntos inicial y final.

Notas:

Esta excepción se refiere a la función subyacente, no a la técnica de entrada

de datos. Por ejemplo, si la entrada de texto se hace por medio de escritura a

mano, la técnica de entrada (escritura a mano) depende del trazo (ruta

trazada) pero la función interna (introducir texto) no.

Esto no prohíbe ni debería desanimar a los autores a proporcionar entrada

de ratón u otros métodos de entrada de datos adicionales a la operatividad a

través del teclado.

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

Page 4: Principio 2 Operable en Nivel AA Unidad 2

4

Un teclado en pantalla puede considerarse como una interfaz de teclado

Buenas prácticas para cumplir con este criterio

Implementar funciones de acceso por teclado para interactuar con enlaces,

formularios y otros elementos.

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, onmouseover puede asegurar la funcionalidad

del teclado agregando eventos semejantes como onkeydown, onkeyup u

onfocus.

¿A quién puede beneficiar? A personas invidentes, con baja visión, con problemas de movilidad o con limitaciones técnicas.

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

Imagen tomada de: http//www.shutterstock.com

Page 5: Principio 2 Operable en Nivel AA Unidad 2

5

Sin trampas para el foco del teclado - Nivel A

Si es posible mover el foco a un componente de la página 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 más que las teclas de

dirección o de tabulación, se informa al usuario el método apropiado para mover

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 página web por

completo, todo contenido de esta (tanto si satisface o no otros criterios de

conformidad) debe satisfacer este criterio.

¿Qué pretende? Que la navegación mediante el teclado no quede suspendida en alguna sección de la página. 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.

¿A quién puede beneficiar? A todos los usuarios que utilizan el teclado como único dispositivo de entrada.

Imagen tomada de: http//www.shutterstock.com

Page 6: Principio 2 Operable en Nivel AA Unidad 2

6

Buenas prácticas para cumplir con este criterio

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.

2. TIEMPO SUFICIENTE I

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

contenido

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:

Una persona con limitaciones de movimiento puede tardar más tiempo en ubicar

el cursor en un punto específico de la pantalla.

Una persona con deficiencia visual puede tardar más tiempo para leer el

contenido.

Una persona invidente puede tardar más tiempo para diligenciar formularios a

través del lector de pantalla o localizar los elementos de la página.

Imagen tomada de: http://www.flickr.com

Page 7: Principio 2 Operable en Nivel AA Unidad 2

7

Tiempo ajustable (Nivel A)

Para cada límite de tiempo impuesto por el contenido se cumple al menos uno

de los siguientes casos:

Apagar: El usuario puede detener el límite de tiempo antes de alcanzarlo.

Ajustar: El usuario puede ajustar el límite de tiempo antes de alcanzar

dicho límite en un rango amplio, que es al menos diez veces mayor al

tiempo fijado originalmente.

Extender: Se advierte al usuario antes de que el tiempo expire y se le

conceden al menos 20 segundos para extender el límite temporal con

una acción simple (por ejemplo, «Presione la barra de espacio»); el

usuario puede extender ese límite de tiempo al menos diez veces.

Excepción de tiempo real: El límite 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 a dicho límite.

Excepción por ser esencial: El límite de tiempo es esencial y si se

extendiera, invalidaría la actividad.

Excepción de 20 horas: El límite 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 página web por

Page 8: Principio 2 Operable en Nivel AA Unidad 2

8

completo, todo contenido de esta (tanto si satisface o no otros criterios de

conformidad) debe satisfacer este criterio.

TIEMPO SUFICIENTE II

Buenas prácticas para cumplir con este criterio

La principal forma de cumplir con este criterio es evitar establecer límites 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 botón que elimine la restricción del tiempo.

¿Qué pretende? Que la navegación mediante el teclado no quede suspendida en alguna sección de la página. 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 se quede atrapado en el elemento, exigiendo de parte 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 se entra al reproductor del video, ya que una vez dentro no es posible recuperar el foco.

¿A quién puede beneficiar? A todos los usuarios que utilizan el teclado como único dispositivo de entrada.

Page 9: Principio 2 Operable en Nivel AA Unidad 2

9

Poner en pausa, detener, ocultar - Nivel A

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:

Movimiento, parpadeo, desplazamiento

Para toda información que se mueve, parpadea o se desplaza, que:

- Comienza automáticamente.

- Dura más de cinco segundos.

- 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.

Actualización automática

Para toda información que se actualiza automáticamente, que:

- Se inicia automáticamente.

- 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.

Page 10: Principio 2 Operable en Nivel AA Unidad 2

10

Notas:

Para los requisitos relacionados con el parpadeo o el destello de contenido,

véase la pauta: «Convulsiones».

En la medida en que cualquier contenido que no satisfaga este criterio puede

interferir con la capacidad del usuario para emplear la página web por

completo, todo contenido de esta (tanto si satisface o no otros criterios de

conformidad) debe satisfacer este criterio. Véase el requisito de conformidad:

«No interferencia».

Para el contenido que es actualizado periódicamente por medio de un

software o que se sirve al usuario por medio de streaming, no hay obligación

de preservar o presentar la información que ha sido generada o recibida

entre el inicio de la pausa y el reinicio de la presentación; no solo podría no

ser técnicamente posible, sino que además, en muchas ocasiones podría ser

erróneo o engañoso hacerlo.

Una animación que ocurre como parte de una fase de precarga de un

contenido o una situación similar puede ser considerada esencial si no se

permite interacción a ningún 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.

Page 11: Principio 2 Operable en Nivel AA Unidad 2

11

Buenas prácticas para cumplir con este criterio

Para evitar estas situaciones debe hacerse caso a las siguientes prácticas:

Asegurar que el contenido no comience de forma automática y que solo

puede ser reproducido a petición de los usuarios.

Hacer que el contenido automático no se reproduzca por más de cinco

segundos, el cual es un intervalo de tiempo suficiente para llamar la atención

del usuario, más no para confundirlo o distraerlo del todo.

¿Qué pretende? Evitar que los usuarios se confundan o distraigan mientras navegan por la página. Es común encontrar en los sitios webmultitud de imágenes, banners, marquesinas, animaciones, videos, publicidad, juegos y demás elementos que han sido diseñados para llamar la atención de los usuarios (lográndolo la mayoría 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 navegación.

¿A quién puede beneficiar? A personas con deficiencias cognitivas o desórdenes de la atención, que son altamente influenciables por este tipo de distracciones.

Imagen tomada de: http://www.flickr.com

Page 12: Principio 2 Operable en Nivel AA Unidad 2

12

Permitir al usuario pausar y reiniciar el la reproducción del contenido a través

de controles de interfaz fácilmente accesibles.

Permitir detener del todo la reproducción del contenido.

3. CONVULSIONES

No diseñar contenido de un modo que se sepa que podría provocar ataques,

espasmos o convulsiones. Algunas personas sufren de ataques de epilepsia

otosensitiva, 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 común en las páginas

web pueden provocar destellos en la pantalla,

como los scripts, los applets, los objetos Flash o

imágenes.

Umbral de tres destellos o menos - Nivel A

Las páginas web no contienen nada que destelle más de tres veces en un

segundo o que esté por debajo del umbral de destello general y de destello rojo.

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

puede interferir con la capacidad del usuario para emplear la página web por

completo, la información del sitio (tanto si satisface o no otros criterios de

conformidad) deben llenar las expectativas de este principio. Véase el requisito

de conformidad: «Sin interferencia».

Imagen tomada de: http://www.flickr.com

Page 13: Principio 2 Operable en Nivel AA Unidad 2

13

Buenas prácticas para cumplir con este criterio

Proporcionar alternativas textuales en las imágenes con el atributo alt. para

impedir que las personas con problemas fotosensitivos sufran algún tipo de

ataque, debe evitarse el uso de cualquier destello en banners, animaciones,

imágenes 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 más de 148 pixeles de lado o de más de

21.904 pixeles cuadrados de área.

¿Qué pretende? Que ningún usuario esté expuesto a contenidos que puedan generar ataques fotosensitivos.

¿A quién puede beneficiar? A las personas con trastornos fotosensitivos que pueden sufrir ataques por los destellos de la pantalla.

Page 14: Principio 2 Operable en Nivel AA Unidad 2

14

3. NAVEGABLE

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

y determinar dónde se encuentran.

Esta pauta tiene como objetivo ayudar a los usuarios a navegar fácilmente por

las páginas web, permitiéndoles encontrar fácilmente el contenido de su interés

y permitiéndoles conocer en todo momento en qué parte del sitio web se

encuentran ubicados, lo cual resulta muy útil para personas en situación 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 (títulos de páginas, encabezados,

etiquetas).

Describir claramente el destino de los enlaces.

Información sobre la localización en el sitio.

Orden adecuado del foco.

Page 15: Principio 2 Operable en Nivel AA Unidad 2

15

Evitar bloques - Nivel A

Existe un mecanismo para evitar los bloques de contenido que se repiten en

múltiples páginas web.

Buenas prácticas para cumplir con este criterio

¿Qué pretende? Permitir a los usuarios acceder directamente al contenido principal. La mayoría de sitios web contienen información y elementos que se repiten en todas las páginas, como el logo, el título y el menú principal de navegación, los banners, etc., que se ubican al inicio del documento HTML. Si bien las personas sin discapacidad pueden omitirlos fácilmente 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 quién puede beneficiar? A los usuarios de lectores de pantalla y otras tecnologías de asistencia.

Imagen tomada de: http//www.sena.edu.co

Page 16: Principio 2 Operable en Nivel AA Unidad 2

16

Proporcionar un enlace al principio del documento que lleve al contenido

principal

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.

Titulado de páginas - Nivel A

Las páginas web tienen títulos que describen su temática o propósito.

¿Qué pretende? Beneficia a cualquier usuario, al permitirle identificar en qué página se encuentra.

¿A quién puede beneficiar? Que los usuarios puedan orientarse fácilmente al saber en cuál página se encuentran ubicando el título de la misma.

Page 17: Principio 2 Operable en Nivel AA Unidad 2

17

Buenas prácticas para cumplir con este criterio

Proporcionar títulos a las páginas mediante la etiqueta title

La etiqueta title sirve para establecer el título de la página, el cual es visible

en la parte superior de la ventana del explorador o en la pestaña del mismo,

siendo de igual manera un elemento fácil de ubicar para el lector de pantalla.

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

Si se puede navegar secuencialmente por una página web y la secuencia de

navegación afecta su significado o su operación, los componentes que pueden

recibir el foco lo hacen en un orden que preserva su significado y operatividad.

Page 18: Principio 2 Operable en Nivel AA Unidad 2

18

Imagen tomada de: http://www.flickr.com

Buenas prácticas para cumplir con este criterio

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.

¿A quién 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 información en el orden correcto.

Page 19: Principio 2 Operable en Nivel AA Unidad 2

19

Propósito de los enlaces (en contexto) - Nivel A

El propósito de cada enlace puede ser determinado con solo el texto del enlace

o a través de este sumado al contexto del enlace determinado por software,

excepto cuando el propósito del enlace resultara ambiguo para los usuarios en

general.

¿A quién puede beneficiar? A todos los usuarios que navegan con un lector de pantalla o que tengan desórdenes cognitivos.

¿Qué pretende? Que los usuarios comprendan el propósito de un enlace y puedan decidir si lo activan o no. Los enlaces son uno de los elementos más importantes en la web, pues son la base de la navegación hipertextual y como tal, hay que asegurarse de que las personas lo utilicen debidamente. Siempre deben tener un texto que identifique su función, de forma tal que el visitante, solo 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 función, no se debería utilizar los del tipo «Clic aquí», «Ver más», «Leer más», etc., pues estos no se interpretan fuera de su contexto y usuarios de lectores de pantalla no podrán comprenderlos.

Page 20: Principio 2 Operable en Nivel AA Unidad 2

20

Buenas prácticas para cumplir con este criterio

Utilizar el propio texto del enlace para describir su propósito.

Una de las mejores prácticas que debe emplearse siempre es describir el

propósito 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

línea</a>

Allí, cuando una persona lee usuario y el texto del enlace puede hacerse una

idea del propósito que cumple sin necesidad de abrir el enlace para

comprobarlo.

Proporcionar una descripción adicional al texto del enlace mediante el

atributo title

Otra buena práctica es ampliar la información 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

Page 21: Principio 2 Operable en Nivel AA Unidad 2

21

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.

Múltiples vías - Nivel AA

Se proporciona más de un camino para localizar una página web dentro de un

conjunto de las mismas, excepto cuando la página es el resultado o un paso

intermedio de un proceso.

¿Qué pretende? Que los usuarios cuenten siempre con un medio ajustado a sus necesidades para ubicar el contenido de su interés. No todas las personas sitúan la información de la misma forma. Para algunos es más sencillo explorar la estructura natural de los menús de navegación, para los que utilizan lectores de pantalla puede ser más simple hacerlo a través del listado de enlaces o del mapa del sitio y para aquellos que tienen problemas para comprender la jerarquía de los menús, quizás resulte más sencillo hacer una búsqueda directa en la página. Por este motivo debe asegurarse ofrecer la mayor cantidad de opciones para que el visitante pueda encontrar fácilmente el contenido de su interés.

¿A quién puede beneficiar? A todos los usuarios con limitaciones de visión o con problemas cognitivos.

Page 22: Principio 2 Operable en Nivel AA Unidad 2

22

Buenas prácticas para cumplir con este criterio

Proporcionar un mapa del sitio, actualizado

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

del sitio 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.

Ejemplo:

Mapa del sitio web tomada de http//www.sena.edu.co

Page 23: Principio 2 Operable en Nivel AA Unidad 2

23

Proporcionar opciones de búsqueda en el sitio web

En muchas ocasiones es más sencillo ubicar el contenido a través de un

buscador de sitio que navegando por las opciones de la página, sobre todo

cuando se trata de portales web con gran cantidad de información.

Otra buena práctica que se puede implementar es agregar un buscador web al

sitio, que permita a los usuarios, a través de palabras clave o de criterios de

búsqueda avanzados, encontrar los datos de su interés de una forma rápida y

eficiente.

Por ejemplo:

Imagen tomada de: Buscador en la página del Ministerio de Telecomunicaciones de Colombia.

NAVEGABLE

Encabezados y etiquetas - Nivel AA

Los encabezados y etiquetas describen el tema o propósito.

Page 24: Principio 2 Operable en Nivel AA Unidad 2

24

Buenas prácticas para cumplir con este criterio

Proporcionar encabezados con contenido significativo

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.

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 identificándolas con su

correspondiente encabezado de nivel.

¿Qué pretende? Ayudar a los usuarios a comprender qué información está en la página web y cómo debe estar organizada. 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.

¿A quién puede beneficiar? A usuarios con lectores de pantalla o dificultades cognitivas, al ayudarles a comprender eficientemente el propósito de cada página.

Page 25: Principio 2 Operable en Nivel AA Unidad 2

25

Foco visible - Nivel AA

Cualquier interfaz de usuario operable por teclado tiene una forma de funcionar,

en la cual el indicador del foco del teclado resulta visible.

Buenas prácticas para cumplir con este criterio

Utilizar componentes estándar de HTML que sean resaltados por el

navegador

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.

¿A quién puede beneficiar? A usuarios que navegan con el teclado o a aquellos con problemas de atención 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 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.

Page 26: Principio 2 Operable en Nivel AA Unidad 2

26

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.

En la página de la Escuela Virtual del PNUD se resalta el foco en el buscador

REFERENCIAS - Instituto Colombiano de Normas Técnicas y Certificación. (2011). Accesibilidad a Páginas Web: NTC 5854.Bogotá, Colombia. ICONTEC. - Programa Agenda de Conectividad, Estrategia de Gobierno en línea. (2011). Manual 3.0 para la Implementación de la Estrategia de Gobierno en Línea En las Entidades del Orden Nacional de la República de Colombia . Bogotá, Colombia. Ministerio de Tecnologías de la Información y las Comunicaciones. - Programa Gobierno en líneCurso Diseño y Desarrollo de sitios web accesibles para Diseñadores y Programadores.pa, agenda de conectividad.(2011). df. Colombia. Ministerio de Tecnologías de la Información y las Comunicaciones. - WC3. (Diciembre de 2008). Web Content Accessibility Guidelines WCAG 2.0: Recomendación del W3C del 11 de diciembre de 2008. En: http://www.w3.org/TR/WCAG20/

Page 27: Principio 2 Operable en Nivel AA Unidad 2

27

Control del documento

Nombre Cargo Dependencia Fecha

Autores Ministerio de Tecnologías de la Información y la

Comunicación y Programa Gobierno en Línea.

2011

Revisión y ajustes Luz Clarena Arias

González

Comunicadora social -

Guionista línea de producción

Centro Agroindustrial

Regional Quindío

22 de Agosto de

2012

Ana María Mora Jaramillo

Comunicadora social - Líder

guionistas línea de producción

Centro Agroindustrial

Regional Quindío

25 de agosto de

2012