Principio 3. Comprensible en Nivel AA: Introducción

Principio 3.
Comprensible en nivel AA
Introduccin
Fuente: (Fotolia, 2004)
Este principio pretende que la informacin y la forma de operar los elementos de

interfaz de usuario sean entendibles y que no requieran capacidades muy
avanzadas de comprensin por parte de los visitantes, es decir, que la interfaz sea
fcil de usar y efectiva para todos.
Pauta 1. Legible
Como se indica este principio pretende que los contenidos textuales resulten
legibles y compresibles. Es decir, que cuenten con la informacin necesaria para
entender los datos y que est siempre a disposicin del usuario.
Pauta 2. Predecible
La finalidad de esta pauta es presentar los contenidos en las pginas web de

forma predecible. Es decir que el usuario conozca con facilidad la secuencia del
contenido.
Pauta 3. Entrada de datos asistida
Consiste en ayudar a los usuarios a evitar y corregir los errores proporcionndole

la mayor cantidad de informacin para solucionar lo que pueda presentarse.
Pauta 1. Legible
Hacer que los contenidos textuales se puedan leer y sean comprensibles.
Idioma de la pgina Nivel AA
El idioma predeterminado de cada pgina web puede ser definido por software
(Sidar, 2009).
Qu pretende?
Que los agentes de usuario puedan presentar el contenido de forma

correcta.
Los agentes de usuario y los navegadores pueden imprimir los caracteres y

el sistema de escritura de forma correcta segn el idioma, siempre que este
se haya definido en el documento HTML. Asimismo, los lectores de pantalla
pueden reconocer el idioma del documento HTML y ajustar la pronunciacin
segn la lengua, siempre que el documento est correctamente marcado
con los cambios de lenguaje.
A quin puede beneficiar?
Beneficia principalmente a usuarios de herramientas de apoyo, al brindarle

informacin a la herramienta del idioma en el que est disponible el
contenido.
Buenas prcticas para cumplir con este criterio
A. Identificar el idioma principal del documento
Para que los agentes de usuario puedan identificar el idioma principal del
documento deben utilizarse los atributos lang y/o xml:lang, segn la versin de
HTML:
En HTML 5 se utiliza el atributo lang y un cdigo de idioma: <html lang="es">

En XHTML 1.0 se utiliza el atributo xml:lang junto a lang: <html
xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
En HTML 4.0.1 se utiliza el atributo lang y un cdigo de idioma: <html lang="es">
Para la identificacin de los diferentes idiomas debe seguirse el registro de
etiquetas de idioma del IANA: http://www.iana.org/assignments/lang-subtags-
templates/index.html.
B. Hacer que los contenidos textuales se puedan leer y sean comprensibles
Idioma de las partes - Nivel AA
El idioma de cada pasaje o frase en el contenido puede ser determinado

por software, excepto los nombres propios, trminos tcnicos, palabras en
un idioma indeterminado y palabras o frases que se hayan convertido en
parte natural del texto que las rodea. (W3C, 2010)
Qu pretende?
Que los agentes de usuario y productos de apoyo puedan presentar

correctamente el contenido cuando este tiene ms de un idioma. Es comn
que el contenido de un sitio web se encuentre en varios idiomas o que se
utilicen constantemente palabras en ingls.
En estos casos es importante indicar al agente de usuario estos cambios,

para que presente correctamente el contenido, por ejemplo, en los lectores
de pantalla este marcado correcto hace que el lector cambie la
pronunciacin cuando se encuentre con texto en otra lengua.
Beneficia principalmente a usuarios de herramientas de apoyo, al brindarle

informacin a la herramienta del idioma en el que est disponible el
contenido.
Identificar los cambios de la lengua en el documento con respecto al idioma

principal.
Cuando un bloque de contenido encerrado en una etiqueta semntica cambia de

idioma, as sea una palabra, se debe marcar ese cambio con el atributo lang.
Por ejemplo:
<!DOCTYPE html>
<html lang="es"> <head> </head>
<body>
<h2>Cambiar de idioma</h2>
<ul id=select_lang>
<li><a lang="en" href="#?lang=en">English</a></li>
<li><a lang="es" href="#?lang=fr">Espaol</a></li>
<li><a lang="de" href="#?lang=de">Deutsch</a></li>
</ul>
</body>
Pauta 2. Predecible
A. Hacer que las pginas web aparezcan y operen de manera lgica y

esperada
Al recibir el foco - Nivel A
Cuando cualquier componente recibe el foco, no inicia ningn cambio en el

contexto (W3C, 2010).
Qu pretende?
Que se pueda predecir la funcionalidad al navegar por los documentos. Los

cambios de contexto en los sitios web pueden producir confusin en los
usuarios si se realizan sin avisarle previamente a estos. Algunos ejemplos
de cambios de contexto pueden ser:
- Envo de un formulario de forma automtica sin solicitar confirmacin por

parte del usuario o hacer submit.
- Abrir una nueva ventana sin avisar al usuario o al recibir el foco sin pedir
confirmacin.
- Cambio del foco a otro componente cuando se reciba el foco.
A personas con limitacin visual o con problemas cognitivos.
B. Hacer que las pginas web aparezcan y operen de manera lgica y

esperada
Al recibir entradas - Nivel A
El cambio de estado en cualquier componente de la interfaz de usuario no

provoca automticamente un cambio en el contexto a menos que el usuario haya
sido advertido de ese comportamiento antes de usar el componente (W3C, 2010).
Qu pretende?
Que al introducir datos a la interfaz el usuario conozca y prediga el

funcionamiento del sitio. Cuando una persona interacta con los controles
de un formulario debe en la mayora de los casos, modificar el estado de
algunos o todos los controles, lo cual se logra variando su valor al
seleccionar una opcin o ingresar datos.
Es importante que el cambio de estado de los controles no desencadene

una alteracin del contexto sin advertir al visitante, pues esto puede
provocar desorientacin y prdidas de informacin.
Aqu algunos ejemplos de cambio de estado:
- Activar o desactivar una casilla de seleccin o un radio button.

- Escribir en un campo o rea de texto.
- Seleccionar una opcin en un men de seleccin.
Proporcionar un botn de envo para los formularios, de forma tal que sea el
usuario el que genere los cambios de contexto.
Los formularios siempre deben tener un botn de envo estndar <input> de tipo
submit para el envo de los datos de formulario que solamente el usuario
podr activarlo, de esta forma se evitan los cambios de contexto sin avisar al
visitante y se previenen errores por envos fallidos de informacin; describir al
usuario los cambios de contexto que se producirn al ejecutar una accin.
Si no se proporciona un botn de envo en el formulario y se provocan cambios de

contexto automticos, entonces deber advertirse al usuario de esta modificacin
antes de que se produzca. En cualquier caso, la mejor solucin es permitir que sea
la persona quien realice esta accin mandando l mismo el formulario.
C. Hacer que las pginas web aparezcan y operen de manera lgica y

esperada
Navegacin coherente - Nivel A
Los mecanismos de navegacin que se repiten en mltiples pginas web

dentro de un conjunto de pginas web aparecen siempre en el mismo
orden relativo cada vez que se repiten, a menos que el cambio sea
provocado por el propio usuario. (W3C, 2009)
Qu pretende?
Que la presentacin y la maquetacin del sitio web sea consistente en todas

las pginas. Es comn que en un sitio web se encuentren elementos de
navegacin y bloques de informacin generales que ofrezcan funcionalidades
importantes al usuario, como pueden ser el men principal de navegacin o
las migas de pan. En la medida de lo posible, es importante que no se
realicen variaciones importantes en la distribucin de estos elementos en las
diferentes pginas que conforman un sitio web, pues los usuarios tienden a
esperar en l la misma estructura a lo largo de sus pginas y cualquier
variacin puede desorientarlos.
Mantener el mismo orden para los elementos que se repiten a lo largo del sitio,
debe procurarse mantener el mismo orden para los elementos principales del
sitio web, como puede ser el men de navegacin principal. Si bien puede
contener elementos que son relativos a ciertas pginas, como opciones
contextuales de mens o mdulos especficos, debe mantenerse sin cambio
alguno el men principal y hacer lo mismo con los elementos que se considere
que deben ser primordiales para el funcionamiento del sitio.
D. Hacer que las pginas web aparezcan y operen de manera lgica y

esperada
Identificacin coherente - Nivel AA
Los componentes que tienen la misma funcionalidad dentro de un conjunto de

pginas web son identificados de manera coherente (W3C, 2010).
Qu pretende?
Identificar y agrupar consistentemente los elementos que cumplen la misma

funcionalidad a lo largo de las pginas que conforman el sitio web.
Identificar y etiquetar correctamente los elementos que cumplen funciones

similares en el sitio web.
Utilizar las mismas etiquetas para controles de formulario que se repitan en el
sitio web.
Utilizar el mismo texto para los enlaces que tengan el mismo destino.
Usar textos intuitivos para destinos similares.
Pauta 3. Entrada de datos asistida
A. Ayudar a los usuarios a evitar y corregir los errores
El objetivo de esta pauta es minimizar el nmero de errores importantes o

irreversibles que podr cometer o inducir cuando el usuario interacta con la
interfaz del sitio. Tambin busca informar cuando un error se produzca,
proporcionndole la mayor cantidad de informacin para solucionarlo.
Identificacin de errores - Nivel A
Si se detecta automticamente un error en la entrada de datos, el elemento

errneo es identificado y el error se describe al usuario mediante un texto (W3C,
2010).
A todos los usuarios en general.
Qu pretende?
Que los usuarios se enteren de los errores producidos en el sitio web. Cada
vez que se produzca un error cuando el usuario interacta con un sitio web
debe informrsele en formato de texto acerca de lo que se produjo y la
forma de corregirlo. Por ejemplo, si escribe mal la direccin de correo
electrnico en un formulario de registro, debe recibir un mensaje de error en
donde se indique el lugar en donde se origin y la forma de resolverlo.
Proporcionar mensajes textuales para los controles de formulario no completados;

deben validarse los datos ingresados por el usuario a los formularios en busca de
errores y de encontrar alguno (como datos invlidos o datos vacos), informarle en
modo texto cul fue el error, la causa y la forma de solucionarlo.
Las validaciones pueden hacerse del lado del cliente (JavaScript) o del lado del
servidor (lenguaje de programacin, como por ejemplo PHP), aunque lo mejor que
puede hacerse siempre es combinar ambas tcnicas, pues la validacin del lado
del cliente implica que el usuario navegue con soporte de JavaScript, lo cual no
siempre es posible.
Si un campo de formulario tiene errores, debe informarse al usuario acerca de

estos.
B. Ayudar a los usuarios a evitar y corregir los errores
Etiquetas o instrucciones - Nivel A
Se proporcionan etiquetas o instrucciones cuando el contenido requiere la

introduccin de datos por parte del usuario (Sidar, 2009).
Qu pretende?
Evitar que se produzcan errores cuando el usuario introduce datos a los

formularios.
Es importante que los formularios del sitio web sean lo suficientemente

claros y bien diseados para que se comprendan fcilmente el uso y cmo
corregir los errores que se puedan producir al introducir datos.
Etiquetar correctamente los controles de formulario mediante el uso de los

atributos correctos, agrupando los controles de formulario y ofreciendo al
usuario la informacin ms relevante para introducir datos en los formularios.
Disear formularios de acuerdo al punto de verificacin expuesto en la actividad de
aprendizaje 2.
C. Ayudar a los usuarios a evitar y corregir los errores
Sugerencias ante errores Nivel AA
Si se detecta automticamente un error en la entrada de datos y se dispone

de sugerencias para hacer la correccin, entonces se presentan las
sugerencias al usuario, a menos que esto ponga en riesgo la seguridad o el
propsito del contenido. (Sidar, 2009)
Qu pretende?
Que los usuarios reciban sugerencias acerca de cmo corregir errores al

introducir datos en formularios.
Es importante que adems de informar los errores producidos en la

interaccin con un sitio web, tambin se explique cmo corregirlos, pues
para muchos de ellos no es claro cmo deben hacerlo.
Sugerir o informar al usuario la forma de corregir el error
Cada vez que se produzca un error debe informrsele al usuario, en formato de

texto la causa y la forma exacta de corregirlo, o sugerirle cmo podra hacerlo; por
ejemplo, si una persona escribe un trmino de bsqueda en un buscador, debe
recibir un mensaje en donde se insine el trmino correcto de exploracin.
Para ello, se pueden realizar las validaciones del lado del cliente (JavaScript) o del
servidor (lenguaje de programacin, como por ejemplo PHP), aunque lo mejor que
se debe hacer siempre es combinar ambas tcnicas, pues la validacin del lado
del cliente implica que el visitante navegue con soporte de JavaScript, lo cual no
siempre es posible.
D. Ayudar a los usuarios a evitar y corregir los errores
Prevencin de errores (legales, financieros, datos) - Nivel AA
Para las pginas web que representan para el usuario compromisos legales
o transacciones financieras; que modifican o eliminan datos controlables
por el usuario en sistemas de almacenamiento de datos; o que envan las
respuestas del usuario a una prueba, se cumple al menos uno de los
siguientes casos.
1. Reversible: el envo es reversible.
2. Revisado: se verifica la informacin para detectar errores en la entrada

de datos y se proporciona al usuario una oportunidad de corregirlos.
3. Confirmado: se proporciona un mecanismo para revisar, confirmar y

corregir la informacin antes de finalizar el envo de los datos. (Sidar,
2009)
Qu pretende?
Evitar prdidas de datos o envos errneos como resultado de acciones que

no se pueden modificar. Si un sitio web permite la realizacin de algn
trmite en donde los datos introducidos por el usuario deben ser altamente
confiables y se compromete al mismo de alguna manera, como en
transacciones electrnicas y financieras, jurdicas, trmites ante el Estado,
informacin sobre el perfil de usuario, entre otros. Es importante que
adems de prevenir y alertarlo sobre cualquier posible error, se le ofrezca
un mecanismo para solucionar la equivocacin antes de enviar la
informacin.
Ofrecer un periodo de tiempo durante el cual se pueda modificar la

informacin enviada
El usuario puede cambiar la informacin dentro de un plazo de tiempo establecido,

despus de enviar la informacin (previo conocimiento del usuario acerca del
tiempo disponible y el proceso para hacerlo) si se le permite.
Permitir que los usuarios revisen la informacin ingresada antes de enviarla
Si no es posible permitirle al usuario modificar sus datos en un plazo de tiempo,

podra ofrecrsele la posibilidad de verificar los datos que ha ingresado antes de
enviar la informacin, proporcionndole adems la alternativa de regresar sobre
sus datos para corregirlos antes de ser enviados.
Ofrecer la posibilidad de recuperar datos borrados
Si la accin del usuario implica el borrado de datos, debe ofrecrsele la posibilidad

de recuperar la informacin eliminada, durante un periodo de tiempo determinado
(previo conocimiento del visitante acerca del tiempo disponible y el proceso para
hacerlo). Esto puede lograrse guardando la informacin por un periodo especfico
de tiempo en una base de datos y los archivos en una carpeta temporal. Si la
persona no los recupera tras el plazo definido, los datos pueden ser suprimidos
definitivamente.
Solicitar confirmacin por parte del usuario para borrar sus datos
Solicitar al usuario una confirmacin de la accin que se va a realizar y que implica

el borrado de datos. En el mensaje de confirmacin explicarle claramente las
consecuencias de la operacin que va a efectuar, pues que en la mayora de
ocasiones, estos mensajes logran captar la atencin de la persona y le aconsejan
revisar lo que va a ejecutar, ventana en donde se solicita la confirmacin de la
accin.
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). Vector puzzle three pieces. Consultado el 30 de abril de 2014,

en http://co.fotolia.com/id/64044638
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/
W3C. (2008). Al recibir entradas. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-
behavior-unpredictable-change.html
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). Identificacin coherente. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/consistent-
behavior-consistent-functionality.html
W3C. (2010). Identificacin de errores. Consultado el 10 de abril de 2014, en

http://www.sidar.org/traducciones/wcag20/es/comprender-wcag20/minimize-
error-identified.html
Control del documento
Nombre Cargo Dependencia Fecha

Ministerio de
Tecnologas de la
Mayo de
Autores Informacin y las
2012
Comunicaciones -
Gobierno en Lnea
Guionista - Centro
Paola Andrea Mayo de
Adaptacin Lnea de Agroindustrial
Bobadilla Gutirrez 2014
produccin Regional Quindo

Principio 3. Comprensible en Nivel AA: Introducción

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Principio 3. Comprensible en Nivel AA: Introducción

Загружено:

Авторское право:

Доступные форматы

Principio 3.

Fuente: (Fotolia, 2004)

Este principio pretende que la informacin y la forma de operar los elementos de

La finalidad de esta pauta es presentar los contenidos en las pginas web de

Pauta 3. Entrada de datos asistida

Consiste en ayudar a los usuarios a evitar y corregir los errores proporcionndole

Hacer que los contenidos textuales se puedan leer y sean comprensibles.

Idioma de la pgina Nivel AA

Que los agentes de usuario puedan presentar el contenido de forma

Los agentes de usuario y los navegadores pueden imprimir los caracteres y

A quin puede beneficiar?

Beneficia principalmente a usuarios de herramientas de apoyo, al brindarle

Buenas prcticas para cumplir con este criterio

A. Identificar el idioma principal del documento

En HTML 5 se utiliza el atributo lang y un cdigo de idioma: <html lang="es">

B. Hacer que los contenidos textuales se puedan leer y sean comprensibles

Idioma de las partes - Nivel AA

El idioma de cada pasaje o frase en el contenido puede ser determinado

Que los agentes de usuario y productos de apoyo puedan presentar

En estos casos es importante indicar al agente de usuario estos cambios,

A quin puede beneficiar?

Beneficia principalmente a usuarios de herramientas de apoyo, al brindarle

Buenas prcticas para cumplir con este criterio

Identificar los cambios de la lengua en el documento con respecto al idioma

Cuando un bloque de contenido encerrado en una etiqueta semntica cambia de

A. Hacer que las pginas web aparezcan y operen de manera lgica y

Al recibir el foco - Nivel A

Cuando cualquier componente recibe el foco, no inicia ningn cambio en el

Que se pueda predecir la funcionalidad al navegar por los documentos. Los

- Envo de un formulario de forma automtica sin solicitar confirmacin por

A personas con limitacin visual o con problemas cognitivos.

B. Hacer que las pginas web aparezcan y operen de manera lgica y

Al recibir entradas - Nivel A

El cambio de estado en cualquier componente de la interfaz de usuario no

A quin puede beneficiar?

A personas con limitacin visual o con problemas cognitivos.

Que al introducir datos a la interfaz el usuario conozca y prediga el

Es importante que el cambio de estado de los controles no desencadene

Aqu algunos ejemplos de cambio de estado:

- Activar o desactivar una casilla de seleccin o un radio button.

Si no se proporciona un botn de envo en el formulario y se provocan cambios de

C. Hacer que las pginas web aparezcan y operen de manera lgica y

Navegacin coherente - Nivel A

Los mecanismos de navegacin que se repiten en mltiples pginas web

Que la presentacin y la maquetacin del sitio web sea consistente en todas

A personas con limitacin visual o con problemas cognitivos.

Buenas prcticas para cumplir con este criterio

D. Hacer que las pginas web aparezcan y operen de manera lgica y

Identificacin coherente - Nivel AA

Los componentes que tienen la misma funcionalidad dentro de un conjunto de

Identificar y agrupar consistentemente los elementos que cumplen la misma

A quin puede beneficiar?

A personas con limitacin visual o con problemas cognitivos.

Buenas prcticas para cumplir con este criterio

Identificar y etiquetar correctamente los elementos que cumplen funciones

Pauta 3. Entrada de datos asistida

A. Ayudar a los usuarios a evitar y corregir los errores

El objetivo de esta pauta es minimizar el nmero de errores importantes o

Identificacin de errores - Nivel A

Si se detecta automticamente un error en la entrada de datos, el elemento

A quin puede beneficiar?

A todos los usuarios en general.

Buenas prcticas para cumplir con este criterio