Professional Documents
Culture Documents
Perceptible en nivel AA
Introduccin
Este principio tiene como objetivo que toda la informacin y los componentes de
la interfaz de usuario se le presenten a este de forma que pueda percibirlos a
travs de los sentidos. Es decir, estos datos no pueden pasar desapercibidos
para todos los sentidos del usuario.
Este principio es conformado por cuatro pautas:
Pauta 3. Adaptable
Consiste en que el contenido se pueda adaptar a diferentes formas sin perder
informacin para cualquier tipo de usuario desde los que utilizan lectores de
pantalla hasta dispositivos mviles, tambin software desactualizado.
Pauta 4. Distinguible
Consiste en que los usuarios vean y oigan el contenido completamente, puede
utilizarse prcticas como:
Qu pretende?
Asegurar que cualquier tipo de informacin transmitida mediante contenido no
textual tenga uno textual. Los lectores de pantalla y los navegadores web
detectan la presencia de imgenes y de contenido no textual a travs de sus
correspondientes etiquetas, pero no interpretan su contenido. Es decir, pueden
identificar una imagen, pero no pueden interpretar la informacin que esta
proporciona.
Por ello, es importante saber proveer siempre una alternativa textual que le
permite a los navegadores y tecnologas de apoyo encontrar una descripcin
alternativa de los elementos.
Ejemplo:
<applet code="nombre.class" width="300" height="300" alt="Applet Java:
descripcin del applet">En este lugar se ubica el contenido alternativo
del applet.</applet>
actualizacin de la imagen:
Qu pretende?
Que la informacin proporcionada por el contenido pregrabado (slo audio o
video) est disponible para todos los usuarios en otros formatos.
Qu pretende?
Que las personas con limitaciones auditivas o aquellas a quienes sus recursos
tcnicos les impidan escuchar la pista de audio del material de video original,
puedan acceder a este contenido en forma de guiones de texto, sin perder
informacin.
A quin puede beneficiar?
A las personas con problemas de audicin o que no pueden acceder al
contenido de audio de un sitio web por problemas tcnicos.
Qu pretende?
A quin puede beneficiar?
A las personas que puedan tener
limitaciones visuales parciales o
totales.
Pauta 3. Adaptable
Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con
una disposicin ms simple) sin perder informacin o estructura (Sidar, 2009).
Toda la informacin del sitio web debe estar disponible de manera que pueda ser
percibida por todos los usuarios, independientemente de la forma en la que estos
accedan. Por ejemplo, las personas invidentes ingresan a un sitio web con
lectores de pantalla, otros con dispositivos mviles o incluso con software
obsoleto. Si todos los datos del sitio estn disponibles de modo que sean
Qu pretende?
Que la informacin transmitida a travs de la presentacin tambin est
disponible cuando se cambie el medio de presentacin, por ejemplo, al acceder
con un lector de pantalla.
A continuacin se describen las buenas prcticas para cumplir con este criterio:
Marcar correctamente la estructura del contenido HTML por medio de
encabezados:
Para hacer ms accesible una tabla de datos debe asociarse cada celda a su
columna de datos correspondiente (a travs del atributo headers de cada
elemento <td>).
De esta forma, una ayuda tcnica podr asociar correctamente la informacin en
filas y columnas especificando a qu columna corresponde cada dato ledo.
Adicionalmente, debe agregarse un resumen de la tabla mediante el atributo
summary y definir el ttulo de la tabla de datos mediante la etiqueta <caption>,
evitando siempre crear ttulos falsos mediante otra etiqueta.
Por ejemplo:
<tr>
<td headers="columna_nombre">Nombre persona 3</td>
<td headers="columna_apellidos">Apellidos persona 3</td>
</tr>
<tr>
<td headers="columna_nombre">Nombre persona 4</td>
<td headers="columna_apellidos">Apellidos persona 4</td>
</tr>
</table>
Los formularios son elementos muy importantes en una pgina web, pues permite
a los usuarios enviar informacin y al administrador le permite capturar
informacin consignada por los visitantes.
Con el fin de que todos puedan utilizar correctamente los formularios en el sitio
web, deben seguirse estas recomendaciones para cumplir con las pautas de
accesibilidad referentes a los formularios y a sus elementos.
Es importante recordar que siempre se debe etiquetar explcitamente los controles
que formen parte del formulario a travs de la etiqueta <label>, la cual se utiliza
para relacionar directamente el texto asociado a un campo de un formulario con el
campo en s. Esta asociacin le permite a los lectores de pantalla interpretar los
contenidos correctamente, refiriendo cada etiqueta a su control correspondiente.
Cada control (input) se identifica con el atributo id, que debe coincidir con el
<label for="aprendiz"></label></p>
<input name="aprendiz" tabindex="3" accesskey="d" id="aprendiz"
type="checkbox">Aprendiz</label><br>
<label for=<p>"instructor"></p>
<input name="instructor" tabindex="4" accesskey="c" id="instructor"
type="checkbox">Instructor</label>
<input name="Enviar" value="Enviar" tabindex="5" accesskey="e"
type="submit">
<p></p></fieldset><br>
</form>
Secuencia significativa - Nivel A
Qu pretende?
A quin puede beneficiar?
Pauta 4. Distinguible
Facilitar a los usuarios ver y or el contenido, incluyendo la separacin entre el
primer plano y el fondo (Sidar, 2009).
Para garantizar que los usuarios puedan acceder y comprender el contenido visual
del sitio web, debe prestrsele especial atencin a las siguientes prcticas:
Qu pretende?
Que todos los usuarios puedan acceder a la informacin que transmite el color
de los elementos del sitio web, an cuando tengan problemas para percibir
estos colores. Es comn utilizar el color para transmitir informacin a los
usuarios de la pgina, pero debe tener claro que algunos usuarios no pueden
diferenciar determinados colores o incluso percibirlos, por lo que debe
asegurarse de que ellos puedan interpretar la informacin correctamente.
Qu pretende?
Evitar que el sonido reproducido en la pgina interfiera con la sintetizacin de
voz por parte del lector de pantalla.
Debe tenerse en cuenta que si en la pgina se reproduce cualquier sonido
procedente de videos, archivos de audio, banners o publicidad, estos sonidos
pueden interferir de tal forma la navegacin con lector de pantalla que pueden
llegar a imposibilitarla.
Qu pretende?
Que exista el contraste suficiente entre el primer plano y el fondo para que las
personas con baja visin puedan leer correctamente el texto.
Debe tomarse en cuenta que muchas personas sufren limitaciones de visin
que les puede dificultar la percepcin de ciertos colores o que les dificulta la
lectura del texto si este no tiene el suficiente contraste con el fondo, como por
ejemplo, personas con miopa o quienes leen en situaciones de iluminacin
deficiente o con limitaciones debidas al cansancio.
Qu pretende?
Que los textos en un sitio web se puedan redimensionar para ser ledos por
personas con deficiencias de visin o cuando el texto de la pgina es de
tamao reducido.
Se recomienda maquetar el sitio web a travs de CSS y utilizar fuentes
legibles y que no exijan fuentes adicionales. El tamao debe establecerse en
unidades relativas y no absolutas, garantizando que el usuario pueda al
menos aumentar el tamao en un 200 %, sin que la pgina pierda legibilidad.
La mayora de navegadores modernos permiten el acercamiento del texto en
web a travs de la combinacin de teclas CTRL+, aunque es deseable que
se suministren controles para que este pueda aumentar directamente en la
pgina el tamao del texto.
Por ejemplo:
Imgenes de texto - Nivel AA
Imgenes de texto: si con las tecnologas que se estn utilizando se
puede conseguir la presentacin visual deseada, se utiliza texto para
transmitir la informacin en vez de imgenes de texto, excepto en los
siguientes casos:
Configurable: la imagen de texto es visualmente configurable segn los
requisitos del usuario.
Esencial: una forma particular de presentacin del texto resulta esencial
para la informacin que se transmite.
Nota: los logotipos (textos que son parte de un logo o de un nombre de
marca) se consideran esenciales. (Sidar, 2009)
Qu pretende?
Que el texto transmitido en forma de imgenes sea legible para los usuarios y
de no ser as, que se ofrezca una alternativa textual. Cabe anotar que debe
evitar al mximo el uso de imgenes como texto, salvo en casos en donde no
sea posible reemplazarlas.
A quin puede beneficiar?
A todas las personas con baja visin, con dificultades para leer texto o que
utilicen lectores de pantalla.
Referencias
Accesibilidad a pginas web (NTC 5854). (2011, 15 de julio). Instituto
Colombiano de Normas Tcnicas y Certificacin (ICONTEC), 2011, 15 de julio.
Conctica. (2010). Internet Explorer supera a Firefox como el navegador web
ms
utilizado.
Consultado
el
10
de
abril
de
2014,
en
http://conectica.com.mx/2010/02/04/internet-explorer-supera-a-firefox-como-elnavegador-web-mas-utilizado/
Fotolia. (2004). Blind. Consultado
http://co.fotolia.com/id/49091473
el
30
de
abril
de
2014,
en
en http://co.fotolia.com/id/61171109
Goldweb. (2010). Ms de 15 soluciones captcha para combatir el spam.
Consultado el 10 de abril de 2014, en http://www.goldweb.es/mas-de-15soluciones-captcha-para-combatir-el-spam/
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.
Sidar. (2009). Web Content Accessibility Guidelines (WCAG) 2.0. Consultado el
10 de abril de 2014, en http://www.sidar.org/traducciones/wcag20/es/
Visin Australia. (2012). Color Contrast Analyser 2.2 para Pginas Web.
Consultado el 10 de abril de 2014, en http://www.visionaustralia.org/digitalaccess-cca
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). Audiodescripcin o Medio Alternativo (grabado). Consultado el 10
de abril de 2014, en http://www.sidar.org/traducciones/wcag20/es/comprenderwcag20/media-equiv-audio-desc.html
W3C. (2010). Audiodescripcin o Medio Alternativo (grabado). Consultado el 10
de abril de 2014, en http://www.sidar.org/traducciones/wcag20/es/comprenderwcag20/media-equiv-audio-desc.html
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