Operable en Nivel AA Unidad 2

8/19/2019 Operable en Nivel AA Unidad 2

1/24

Principio 2. Operable en nivel AA

Introducción

Fuente: (Fotolia, 2004)

Este principio permite que los usuarios puedan operar los componentes de lainterfaz de usuario y la navegación sin ningún tipo de obstáculo. Es decir, quetengan 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 seanavegable y no generando destellos que provoquen convulsiones. Dicho principiose rige por las siguientes pautas:

Pauta 1. Accesible por teclado

Es una característica de accesibilidad en la que el usuario pueda acceder a loscontenidos a través del teclado, debido a que muchas personas sólo tienen estaherramienta para navegar, además que otros utilizan lectores de pantalla oteclados especiales, por lo tanto, se puede prescindir del mouse y conocer toda lainformación que presenta.

Pauta 2. Tiempo suficiente

Se trata de eliminar las limitaciones de tiempo que dificulte a los usuarios realizartareas u consultar contenidos, teniendo en cuenta los tiempos que tardan los


2/24

diferentes usuarios para ubicar el cursor, leer e incluso diligenciar formularios. Enalgunos casos utilizan lectores de pantalla pueden tardar más tiempo.

Pauta 3. Convulsiones

Los ataques de epilepsia fotosensitiva pueden ser desencadenados por destelloso cambios de luminosidad. No se deben diseñar contenidos de un modo que sesepa podría provocar ataques, espasmos o convulsiones, por ejemplo: los scripts,applets, objetos flash o imágenes.

Pauta 4. Navegable

Esta pauta consiste en brindar al usuario una navegación simple y predecible quele 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 laspáginas, saltar contenidos y mapas de sitio.

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

Pauta 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 eluso de este y muchos usuarios lo tienen como único medio de interacción, comopor ejemplo, personas que usan lectores de pantalla o teclados adaptados; deigual manera, para los usuarios que navegan con mouse, la página seguirá siendooperable.

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 sólo

de los puntos inicial y final.


3/24

Nota 1: 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 deltrazo (ruta trazada) pero la función interna (introducir texto) no.

Nota 2: 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

operabilidad a través del teclado. (Sidar, 2009)

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


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

¿A quién puede beneficiar?

A personas invidentes, con bajavisión, con problemas de movilidad ocon limitaciones técnicas.

¿Qué pretende?

Asegurar que se pueda operar el

contenido a través de teclado o de uninterfaz de teclado (teclado emuladopor software u otros dispositivos).

http://www.shutterstock.com/subscribe.mhtml


4/24

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 alternativapara el teclado; por ejemplo, si se utilizan los eventos comunes onmousedown,onmouseup y onmouseover puede asegurar la funcionalidad del tecladoagregando 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 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. (W3C, 2010)



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


5/24

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

en su conjunto, todo contenido de la página web (tanto si satisface o no

otros criterios de conformidad) debe satisfacer este criterio. (W3C, 2010)


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 alusuario de esta función. Sin embargo, la mejor opción es no utilizar elementos queconstituyan una trampa de teclado.

Pauta 2. Tiempo suficiente I


¿Qué pretende?

Que la navegación mediante el teclado no quede suspendida en algunasección de la página.

Algunos usuarios navegan a través del sitio web mediante la tecla TAB, locual siempre debería garantizar la correcta navegación. Sin embargo, ensitios mal diseñados o que utilicen tecnologías poco accesibles (comoFlash) se corre el riesgo de que el foco de navegación quede atrapado enel elemento, exigiendo del usuario la utilización del mouse para retornar elfoco. Un ejemplo muy común se da en la página de YouTube cuando senavega con la tecla TAB y entra al reproductor del video, ya que una vezdentro no es posible recuperar el foco.


6/24

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 eliminarsecualquier limitación temporal que dificulte la utilización del sitio, por ejemplo:

Una persona con limitaciones de movimiento puede tardar más tiempo enubicar el cursor en un punto específico de la pantalla.

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

Una persona invidente puede tardar más tiempo para diligenciar formularios através del lector de pantalla o localizar los elementos de la página.

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 alcanzar

el límite de tiempo; o

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; o 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") y el

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

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 al límite de tiempo; o

Excepción por ser esencial: el límite de tiempo es esencial y, si seextendiera, invalidaría la actividad; o

Excepción de 20 horas: el límite de tiempo es mayor a 20 horas.


7/24



en su conjunto, todo contenido de la página web (tanto si satisface o nootros criterios de conformidad) debe satisfacer este criterio. (W3C, 2010)

Tiempo suficiente II


La principal forma de cumplir con este criterio es evitar establecer límites detiempo en los sitios web o proporcionar un mecanismo para que los usuariospuedan extender o desactivar los plazos de tiempo para ejecutar una tarea. Estemecanismo puede ser un enlace o un botón que elimine la restricción del tiempo.

Poner en pausa, detener, ocultar - Nivel A

Para la información que tiene movimiento, parpadeo, se desplaza o se

actualiza automáticamente, se cumplen todos los casos siguientes:

¿Qué pretende?

Que la navegación mediante el teclado no quede suspendida en algunasecció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 correctanavegación. Sin embargo, en sitios mal diseñados o que utilicen tecnologíaspoco accesibles (como Flash) se corre el riesgo de que el foco denavegación se quede atrapado en el elemento, exigiendo de parte delusuario la utilización del mouse para retornar el foco. Un ejemplo muycomún se da en la página de YouTube cuando se navega con la tecla TAB yse entra al reproductor del video, ya que una vez dentro no es posiblerecuperar el foco.


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


8/24

Movimiento, parpadeo, desplazamiento: para toda información que se

mueve, parpadea o se desplaza, que (1) comienza automáticamente, (2)

dura más de cinco segundos y (3) se presenta en paralelo con otrocontenido, 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

Actualización automática: para toda información que se actualiza

automáticamente, que (1) se inicia automáticamente 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 deactualización a menos que la actualización automática sea parte esencial

de una actividad.

Nota 1: para los requisitos relacionados con el parpadeo o el destello de

contenido, véase la Pauta 2.3.

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


en su conjunto, todo contenido de la página web (tanto si satisface o nootros criterios de conformidad) debe satisfacer este criterio. Véase

Requisitos de conformidad 5: Sin interferencia.

Nota 3: para el contenido que es actualizado periódicamente por medio de

un software, o que se sirve a la aplicación de 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 sólo podría no ser técnicamente posible, sino que además

en muchas ocasiones podría ser erróneo o engañoso hacerlo.

Nota 4: 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


9/24

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

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


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

Asegurar que el contenido no comience de forma automática y que sólo puedeser 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óndel usuario, más no para confundirlo o distraerlo del todo.

Permitir al usuario pausar y reiniciar la reproducción del contenido a través decontroles de interfaz fácilmente accesibles.

Permitir detener del todo la reproducción del contenido.

¿Qué pretende?

Evitar que los usuarios se confundan o distraigan mientras navegan por lapágina.

Es común encontrar en los sitios webmultitud de imágenes, banners,marquesinas, animaciones, videos, publicidad, juegos y demás elementosque han sido diseñados para llamar la atención de los usuarios (lográndolola 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 personas con deficiencias cognitivas o desórdenes de la atención que son

altamente influenciables por este tipo de distracciones.


10/24

Pauta 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 epilepsiafotosensitiva, desorden que puede ser desencadenado por destellos o parpadeoscon cambio de luminosidad con una frecuencia superior a los 3 Hz (tres destellospor segundo).

Algunos elementos de uso común en las páginas web pueden provocar destellosen 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 el destello está por debajo del umbral de destello general y de

destello rojo. (Nivel A)



en su conjunto, todo contenido de la página web (tanto si satisface o no

otros criterios de conformidad) debe satisfacer este criterio. Véase

Requisitos de conformidad 5: Sin interferencia. (Sidar, 2009)

¿Qué pretende?

Que ningún usuario esté expuesto a contenidos que puedan generar ataquesfotosensitivos.


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


11/24


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

impedir que las personas con problemas fotosensitivos sufran algún tipo deataque, debe evitarse el uso de cualquier destello en banners, animaciones,imágenes o applets; de utilizarlos hay que asegurarse de que estos seencuentran por debajo de los tres destellos por segundo o por encima de loscincuenta destellos por segundo.

Adicionalmente no deben presentarse esos destellos en un área mayor a21.904 pixeles cuadrados, es decir, un cuadrado de menos de 148 pixeles porcada lado.

No deben generarse destellos en un cuadrado demás de 148 pixeles de lado o de más de 21.904pixeles cuadrados de área.

Pauta 4. Navegable


“Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido ydeterminar dónde se encuentran” (Sidar, 2009).


12/24

Esta pauta tiene como objetivo ayudar a los usuarios a navegar fácilmente por laspáginas web, permitiéndoles encontrar fácilmente el contenido de su interés yconocer 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 losvisitantes 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 yetiquetas).

Describir claramente el destino de los enlaces.

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

Orden adecuado del foco.

Evitar bloques - Nivel A

“Existe un mecanismo para evitar los bloques de contenido que se repiten enmúltiples páginas web” (W3C, 2010).



13/24

Ir a contenido principal style="display:none;">Fondo Nacional del Ahorro Ir a pieIr a entidades Ir a superiorIr a accesibilidad


Proporcionar un enlace al principio del documento que lleve al contenidoprincipal

Una de las técnicas más utilizadas para cumplir con este propósito es suministrarun enlace al inicio del documento con un anclaje al contenido principal, de formaque los usuarios con lector de pantalla lo puedan ubicar tan pronto se carga lapágina y poder así saltar a la información principal.

¿Qué pretende?

Permitir a los usuarios acceder directamente al contenido principal. Lamayoría de sitios web contienen información y elementos que se repiten entodas las páginas como el logo, el título y el menú principal de navegación,los banners, entre otros, que se ubican al inicio del documento HTML. Sibien las personas sin discapacidad pueden omitirlos fácilmente y centrarsus datos en el contenido principal, para los visitantes que usan lectores depantalla resulta muy complicado, pues estos observan el contenido deforma lineal, por lo tanto repiten la lectura de los mismos elementos en cadasitio que un individuo visita antes de analizar el contenido principal.


A los usuarios de lectores de pantalla y otras tecnologías de asistencia.


14/24

Fondo Nacional del Ahorro

En este ejemplo, se ve cómo se suministran enlaces ocultos (por CSS) para lavista, más no para un lector de pantalla, que llevan al contenido principal antes decargar 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.


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 enla parte superior de la ventana del explorador o en la pestaña del mismo, siendode 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 deque el título se identifique plenamente con la página web, que le brinde sentidoaún fuera de su contexto y que sea fácil de leer.

Ejemplo:

¿Qué pretende?

Beneficia a cualquier usuario, al permitirle identificar en qué página seencuentra.


Que los usuarios puedan orientarse fácilmente al saber en cuál página seencuentran ubicando el título de la misma.


15/24

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 puedenrecibir el foco lo hacen en un orden que preserva su significado y operatividad.


Generar un orden lógico y secuencial para navegar por los diferentes elementosde la página, dependiendo de su importancia dentro del sitio. Si bien los gráficosde un sitio web pueden sugerir una forma de explorar, el foco del teclado estransparente al diseño y se guía por la definición semántica del contenido. Porejemplo, una página puede contener dos menús de navegación y sin importar cuálde los dos aparezca primero en el código HTML, es muy fácil para el usuarioidentificar el menú principal de forma gráfica; sin embargo, para las personas conlector de pantalla no es tan sencillo y es necesario contar con un orden denavegación bien definido que pueda ser aprovechado por dicha herramienta.

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

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


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

¿Qué pretende?

Que los usuarios puedan navegar mediante el teclado, encontrando lainformación en el orden correcto.


16/24

Tramitar el certificado judicialen línea

determinado por software, excepto cuando el propósito del enlace resultara

ambiguo para los usuarios en general. (W3C, 2010)


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

Una de las mejores prácticas que debe emplearse siempre es describir elpropósito del enlace en el mismo texto que lo compone. Se debe recordar queuna URL en sí misma no es descriptiva.

Por ejemplo:


A todos los usuarios que navegan con un lector de pantalla o que tengandesórdenes cognitivos.

¿Qué pretende?

Que los usuarios comprendan el propósito de un enlace y puedan decidirsi lo activan o no. Los enlaces son uno de los elementos más importantesen la web, pues son la base de la navegación hipertextual y como tal, hayque asegurarse de que las personas lo utilicen debidamente.

Siempre deben tener un texto que identifique su función, de forma tal queel visitante, sólo con leer el texto del enlace, se pueda hacer una idea de loque se encontrará si lo activa.

En este orden de ideas, es importante elegir un texto adecuado para losenlaces 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», entre otros; pues estos no seinterpretan fuera de su contexto y usuarios de lectores de pantalla nopodrán comprenderlos.


17/24

Allí, cuando una persona lee usuario y el texto del enlace puede hacerse una ideadel propósito que cumple sin necesidad de abrir el enlace para comprobarlo.

Proporcionar una descripción adicional al texto del enlace mediante elatributo title

Otra buena práctica es ampliar la información acerca del enlace mediante elatributo title de la etiqueta . Cuando un usuario pase el mouse encima delmensaje podrá ver el texto adicional; sin embargo, esta medida no siempre esefectiva, por lo que se recomienda describirlo siempre en el texto del enlace.

Por ejemplo:

a href=”#” title=”Fuente Grande” A/a

Fuente: (Ministerio de Tecnologías de la Información y las Comunicaciones, 2011)

Como se aprecia el texto del enlace al no ser muy descriptivo, se complementacon el atributo title; sin embargo, lo mejor es escribir siempre textos muydescriptivos como enlaces.

Múltiples vías - Nivel AA

“Se proporciona más de un camino para localizar una página web dentro de unconjunto de las páginas web, excepto cuando la página es el resultado, o un pasointermedio, de un proceso” (W3C, 2010).


18/24


Proporcionar un mapa del sitio actualizado:

El mapa del sitio es una sección del sitio web cuyo enlace debe estar presenteen todas las páginas y contiene la colección de enlaces a todas las seccionesdel sitio de una forma estructurada.

Para muchos usuarios es más sencillo dirigirse al sitio web para ubicar el enlacea la página de su interés de una forma directa y no tener que navegar por lasopciones 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.

¿Qué pretende?

Que los usuarios cuenten siempre con un medio ajustado a susnecesidades para ubicar el contenido de su interés.

No todas las personas sitúan la información de la misma forma, paraalgunos es más sencillo explorar la estructura natural de los menús denavegación, para los que utilizan lectores de pantalla puede ser mássimple hacerlo a través del listado de enlaces o del mapa del sitio y paraaquellos 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 de ofrecer la mayor cantidad de opcionespara que el visitante pueda encontrar fácilmente el contenido de su interés.


A todos los usuarios con limitaciones de visión o con problemas cognitivos.


19/24

Ejemplo:

Fuente: (Ministerio de Tecnologías de la información y las Comunicaciones, 2014)


20/24

En muchas ocasiones es más sencillo ubicar el contenido a través de un buscadorde sitio que navegando por las opciones de la página, sobre todo cuando se tratade portales web con gran cantidad de información.

Otra buena práctica que se puede implementar es agregar un buscador web alsitio, que permita a los usuarios, a través de palabras clave o de criterios debúsqueda avanzados, encontrar los datos de su interés de una forma rápida yeficiente.

Por ejemplo:

Fuente: (Ministerio de Tecnologías de la información y las Comunicaciones, 2014)

Encabezados y etiquetas - Nivel AA

“Los encabezados y etiquetas describen el tema o propósito” (W3C, 2010).

¿Qué pretende?

Ayudar a los usuarios a comprender qué información está en la página weby cómo debe estar organizada.

Este debe de proporcionar títulos a las secciones del sitio web a través deluso de encabezados y etiquetar correctamente el contenido, así ayudará alos visitantes a entender rápidamente la intención del sitio web que estánvisitando.


A usuarios con lectores de pantalla o dificultades cognitivas, al ayudarles acomprender eficientemente el propósito de cada página.


21/24


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 delcontenido y lo estructuran semánticamente. Funcionan de manera similar a laorganizació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 suprincipal medio para explorar el contenido del sitio web, por lo que siempredebe asegurarse marcar correctamente las secciones identificándolas con sucorrespondiente encabezado de nivel.

Foco visible - Nivel AA

“Cualquier interfaz de usuario operable por teclado tiene una forma de operar en lacual el indicador del foco del teclado resulta visible” (Sidar, 2009).


A usuarios que navegan con el teclado o a aquellos con problemas deatención o cognitivos.

¿Qué pretende?

Que el indicador del foco del teclado siempre se pueda localizarvisualmente.

Hay que recordar que muchos usuarios navegan únicamente con el tecladoy de esta forma acceden a los diferentes elementos de la interfaz, incluidosaquellos que requieren entrada de datos como los formularios. Entonces, siel foco de navegación se ajusta con el teclado, los visitantes deberíansaber en cada momento en dónde se encuentra el foco del teclado y unaforma de hacerlo es resaltándolo entre los demás elementos de la interfaz.


22/24


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

navegador

Los navegadores web estándar resaltan el foco del teclado cuando este seubica sobre elementos HTML como controles de formulario, razón por la cual alutilizar correctamente los elementos HTML puede asegurarse su compatibilidadcon 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 lautilización de estilos CSS para que sea visualmente más llamativo y le indiqueal usuario en dónde está ubicado el foco.


23/24

Referencias

Accesibilidad a páginas web (NTC 5854). (2011, 15 de julio). Instituto

Colombiano de Normas Técnicas y Certificación (ICONTEC), 2011, 15 de julio.

Fotolia. (2004). Computerkurs an der Universität mit Studenten. Consultado el30 de abril de 2014, en http://co.fotolia.com/id/60390641

Fotolia. (2004). Electronic commerce and various shopping symbol . Consultadoel 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 de2014, en http://co.fotolia.com/id/56928248

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

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

Ministerio de Tecnologías de la Información y las Comunicaciones. (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.

Ministerio de Tecnologías de la información y las Comunicaciones. (2014).Mapa del sitio. Consultado el 10 de abril de 2014, enhttp://www.mintic.gov.co/portal/604/w3-propertyvalue-6796.html

Sidar. (2009). Web Content Accessibility Guidelines (WCAG) 2.0 . Consultado el10 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, enhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-behavior-receive-focus.html

http://co.fotolia.com/id/60390641http://co.fotolia.com/id/60390641http://co.fotolia.com/id/60390641http://co.fotolia.com/id/60917071http://co.fotolia.com/id/60917071http://co.fotolia.com/id/60917071http://co.fotolia.com/id/64433662http://co.fotolia.com/id/64433662http://co.fotolia.com/id/64433662http://co.fotolia.com/id/56928248http://co.fotolia.com/id/56928248http://co.fotolia.com/id/56928248http://co.fotolia.com/id/64283249http://co.fotolia.com/id/64283249http://co.fotolia.com/id/64283249http://co.fotolia.com/id/58642413http://co.fotolia.com/id/58642413http://co.fotolia.com/id/58642413http://www.mintic.gov.co/portal/604/w3-propertyvalue-6796.htmlhttp://www.mintic.gov.co/portal/604/w3-propertyvalue-6796.htmlhttp://www.sidar.org/traducciones/wcag20/es/http://www.sidar.org/traducciones/wcag20/es/http://www.sidar.org/traducciones/wcag20/es/http://www.w3.org/TR/WCAG20/http://www.w3.org/TR/WCAG20/http://www.w3.org/TR/WCAG20/http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-behavior-receive-focus.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-behavior-receive-focus.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-behavior-receive-focus.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-behavior-receive-focus.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-behavior-receive-focus.htmlhttp://www.w3.org/TR/WCAG20/http://www.sidar.org/traducciones/wcag20/es/http://www.mintic.gov.co/portal/604/w3-propertyvalue-6796.htmlhttp://co.fotolia.com/id/58642413http://co.fotolia.com/id/64283249http://co.fotolia.com/id/56928248http://co.fotolia.com/id/64433662http://co.fotolia.com/id/60917071http://co.fotolia.com/id/60390641


24/24

W3C. (2010). Encabezados y etiquetas. Consultado el 10 de abril de 2014, enhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-descriptive.html

W3C. (2010). Evitar bloques. Consultado el 10 de abril de 2014, enhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-skip.html

W3C. (2010). Múltiples vías. Consultado el 10 de abril de 2014, enhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-mult-loc.html

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

wcag20/time-limits-pause.html

W3C. (2010). Propósito de los enlaces (en contexto). Consultado el 10 de abrilde 2014, en http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-refs.html

Control del documento

Nombre Cargo Dependencia Fecha

Autores

Ministerio de

Tecnologías de laInformación y lasComunicaciones -Gobierno en Línea

Mayo de2012

AdaptaciónPaola Andrea

Bobadilla Gutiérrez

Guionista -Línea de

producción

Centro Agroindustrial

Regional Quindío

Mayo de2014
http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-descriptive.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-descriptive.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-descriptive.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-skip.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-skip.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-skip.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-mult-loc.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-mult-loc.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-mult-loc.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/time-limits-pause.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/time-limits-pause.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/time-limits-pause.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-refs.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-refs.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-refs.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-refs.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-refs.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/time-limits-pause.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/time-limits-pause.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-mult-loc.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-mult-loc.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-skip.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-skip.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-descriptive.htmlhttp://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/navigation-mechanisms-descriptive.html

Operable en Nivel AA Unidad 2

Documents

Transcript of Operable en Nivel AA Unidad 2