Sobrevivir a WCAG2.0

Sobrevivir a WCAG 2.0:
Guía de utilización y aplicación
Daniel Torres Burriel
Madrid · Miércoles 16 Septiembre 2009

FRONTDAYS www.frontdays.com

Sobrevivir a WCAG 2.0: Guía de utilización y aplicación FRONTDAYS

Objetivos del curso
Metodología
Introducción: accesibilidad y diseño para todos
El camino hacia WCAG 2.0
Pautas de Accesibilidad para el Contenido en la Web, versión 2.0
Principio 1 – Perceptibilidad
Principio 2 – Operabilidad
Principio 3 – Comprensibilidad
Principio 4 – Robustez
Niveles de conformidad: requisitos y declaración
Herramientas


Objetivos del curso

Adoptar capacidades en las Pautas de Accesibilidad para el
Contenido en la Web, en su versión 2.0, bajo dos perspectivas:

• Perspectiva de desarrollo
• Perspectiva de evaluación


Objetivo extra

• Tener una visión global de lo que implican las
recomendaciones de accesibilidad, cómo se organizan y cuál
es la razón de ser de cada una de ellas


WAI Guidelines and Techniques
http://www.w3.org/WAI/guid-tech.html


2.0



2.0

1.0 1.0



Directrices de accesibilidad

• Web Content Accessibility Guidelines (WCAG) Overview, WCAG 2.0
• Authoring Tool Accessibility Guidelines (ATAG) Overview, ATAG 1.0
• User Agent Accessibility Guidelines (UAAG) Overview, UAAG 1.0


Borradores actuales

• ATAG 2.0 Working Draft
• UAAG 2.0 Current Draft


Metodología

• Elementos teóricos
• Elementos prácticos


Metodología. Elementos teóricos

• WCAG 1.0 (UNE 139803:2004)
• WCAG 2.0
• Joe Clark manda al inﬁerno las WCAG2
• Hacia las Pautas WCAG 2.0 (INTECO)
• Siete buenos consejos para hacer webs accesibles
• Making the Web Easy to Use for Users With Disabilities
• Las nuevas pautas de accesibilidad y cómo deberíamos evangelizar
• Comparativa de Norma UNE139803, WCAG1.0 y WCAG2.0
• ¿Es necesario cumplir con WCAG 2.0?
• WCAG 2.0 Checklist
• Mental map for WCAG 2 (Spanish)


Metodología. Elementos prácticos

• TAW online para validar WCAG2 (beta)
• http://www.tawdis.net/
• Total Validator
• http://www.totalvalidator.com/validator/ValidatorForm
• Mucho, pero que mucho sentido común
• Test de usuarios (usuarios con necesidades especiales)
• Atención preferente a las 3 claves de un sitio web:
• El autor (código accesible)
• La herramienta (herramientas de autor que lo permitan)
• El contenido (formación del personal)


Introducción. Diseño para todos

• 1er Principio: Uso equiparable
• 2º Principio: Uso ﬂexible
• 3º Principio: Simple e intuitivo
• 4º Principio: Información perceptible
• 5º Principio: Con tolerancia al error
• 6º Principio: Que exija poco esfuerzo físico
• 7º Principio: Tamaño y espacio para el acceso y uso

Principios del Diseño Universal o Diseño para Todos
http://www.sidar.org/recur/desdi/usable/dudt.php


The Center for Universal Design - Universal Design Principles
http://www.design.ncsu.edu/cud/about_ud/udprinciples.htm


The Center for Universal Design - Universal Design Principles
http://www.design.ncsu.edu/cud/pubs_p/docs/poster.pdf



Se centran en el diseño utilizable universalmente o por todos, pero
hay que tener en cuenta que en el diseño intervienen otros
aspectos, como el coste, la cultura en la que será usado, el
ambiente, etc.

Versión 2.0, del 1 de abril de 1997, del Centro para el Diseño
Universal (NC State University, The Center for Universal Design, an
initiative of the College of Design)



1er Principio: Uso equiparable

El diseño es útil y vendible a personas con diversas capacidades

• Que proporcione las mismas maneras de uso para todos los
usuarios: idénticas cuando es posible, equivalentes cuando no lo es.
• Que evite segregar o estigmatizar a cualquier usuario.
• Las características de privacidad, garantía y seguridad deben estar
igualmente disponibles para todos los usuarios.
• Que el diseño sea atractivo para todos los usuarios.



2º Principio: Uso ﬂexible

El diseño se acomoda a un amplio rango de preferencias y
habilidades individuales

• Que ofrezca posibilidades de elección en los métodos de uso.
• Que pueda accederse y usarse tanto con la mano derecha como con
la izquierda.
• Que facilite al usuario la exactitud y precisión.
• Que se adapte al paso o ritmo del usuario.



3º Principio: Simple e intuitivo

El uso del diseño es fácil de entender, atendiendo a la experiencia,
conocimientos, habilidades lingüísticas o grado de concentración
actual del usuario

• Que elimine la complejidad innecesaria.
• Que sea consistente con las expectativas e intuición del usuario.
• Que se acomode a un amplio rango de alfabetización y habilidades lingüísticas.
• Que dispense la información de manera consistente con su importancia.
• Que proporcione avisos eﬁcaces y métodos de respuesta durante y tras la ﬁnalización
de la tarea.



4º Principio: Información perceptible

El diseño comunica de manera eficaz la información necesaria para
el usuario, atendiendo a las condiciones ambientales o a las
capacidades sensoriales del usuario.

• Que use diferentes modos para presentar de manera redundante la información esencial (gráfica, verbal o de forma
táctil).
• Que proporcione contraste suficiente entre la información esencial y sus alrededores.
• Que amplíe la legibilidad de la información esencial.
• Que diferencie los elementos en formas que puedan ser descritas (por ejemplo, que haga fácil dar instrucciones o
direcciones).
• Que proporcione compatibilidad con varias técnicas o dispositivos usados por personas con limitaciones sensoriales.



5º Principio: Con tolerancia al error

El diseño minimiza los riesgos y las consecuencias adversas de
acciones involuntarias o accidentales

• Que disponga los elementos para minimizar los riesgos y errores: elementos
más usados, más accesibles; y los elementos peligrosos eliminados, aislados
o tapados.
• Que proporcione advertencias sobre peligros y errores.
• Que proporcione características seguras de interrupción.
• Que desaliente acciones inconscientes en tareas que requieren vigilancia.



6º Principio: Que exija poco esfuerzo físico

El diseño puede ser usado eﬁcaz y confortablemente y con un
mínimo de fatiga

• Que permita que el usuario mantenga una posición corporal neutra.
• Que utilice de manera razonable las fuerzas necesarias para operar.
• Que minimice las acciones repetitivas.
• Que minimice el esfuerzo físico continuado.



7º Principio: Tamaño y espacio para el acceso y uso

Que proporcione un tamaño y espacio apropiados para el acceso,
alcance, manipulación y uso, atendiendo al tamaño del cuerpo, la
postura o la movilidad del usuario

• Que proporcione una línea de visión clara hacia los elementos importantes tanto para un
usuario sentado como de pie.
• Que el alcance de cualquier componente sea confortable para cualquier usuario sentado o de
pie.
• Que se acomode a variaciones de tamaño de la mano o del agarre.
• Que proporcione el espacio necesario para el uso de ayudas técnicas o de asistencia personal




El 11 de diciembre de 2008 el W3C culminó el desarrollo de las
Pautas de Accesibilidad al Contenido Web 2.0 (WCAG 2.0)

Estas Pautas suponen un importante paso para adaptarse a los
cambios tecnológicos que se han ido produciendo en los últimos
años, al tiempo que su redacción les permite estar preparadas
para tecnologías futuras.

Hacia las Pautas WCAG 2.0
http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_wcag2



Las Pautas WCAG 2.0 son la culminación de un largo proceso

Objetivo de conciliar las distintas visiones de los diferentes sectores
implicados sobre la Accesibilidad Web

Ha habido mucho debate y mucha polémica en el camino



Joe Clark manda al inﬁerno las WCAG2 (23/05/2006)
http://www.torresburriel.com/weblog/2006/05/23/joe-clark-manda-al-inﬁerno-las-wcag2/


To Hell with WCAG 2 (23/05/2006)
http://www.alistapart.com/articles/tohellwithwcag2


Joe Clark home page
http://joeclark.org


Why I am interested in captioning
http://joeclark.org/access/about/whycaptioning.html


Building Accessible Websites
http://joeclark.org/book/


WCAG Samurai
http://wcagsamurai.org


WCAG Samurai Errata for Web Content Accessibility
Guidelines (WCAG) 1.0

1. Provide equivalent alternatives to auditory and visual content
2. Don’t rely on colour alone
3. Use markup and stylesheets and do so properly
4. Clarify natural-language usage
5. Create tables that transform gracefully
6. Ensure that pages featuring new technologies transform
gracefully

WCAG Samurai Errata for Web Content Accessibility Guidelines (WCAG) 1.0
http://wcagsamurai.org/errata/errata.html


WCAG Samurai Errata for Web Content Accessibility
Guidelines (WCAG) 1.0

7. Ensure user control of time-sensitive content changes
8. Ensure direct accessibility of embedded user interfaces
9. Design for device-independence
10. Use interim solutions
11. Use W3C technologies and guidelines
12. Provide context and orientation information

WCAG Samurai Errata for Web Content Accessibility Guidelines (WCAG) 1.0
http://wcagsamurai.org/errata/errata.html



En 1999 se publicaron las Pautas de Accesibilidad al Contenido de la
Web 1.0

Estas pautas representaron la uniﬁcación de varios documentos
existentes en la época

Se aceptaron a nivel internacional como norma de facto para la
Accesibilidad Web




Carencias de WCAG 1.0

• Demasiado interpretables: diferentes personas las pueden interpretar a
su manera de formas muy distintas
• Limitadas a tecnologías W3C: WCAG 1.0 se basa en el supuesto de que
HTML es la única tecnología con soporte para la accesibilidad
• No incluyen nuevos usos de tecnologías W3C existentes: por ejemplo,
los nuevos usos de HTML+JavaScript en AJAX no se tratan
• Rígidas: no se actualizaron con el paso del tiempo




Las Pautas WCAG 1.0 son el punto de partida de las sucesivas
recomendaciones y siguen siendo un referente válido para
solucionar las principales barreras de accesibilidad

En el caso de España, además, la legislación en materia de
accesibilidad web continúa basándose, por el momento, en la
norma UNE 139803:2004, que a su vez se basa en las Pautas
WCAG 1.0, por lo que siguen siendo plenamente vigentes



UNE 139803:2004

La norma UNE 139803:2004 constituye la base de la certiﬁcación en
Accesibilidad Web en España

Esta norma no puede ser vendida ni distribuida a terceros.
Cualquier cesión o reproducción parcial o total de los términos
incluidos en la norma, por cualquiera de los medios de
difusión existentes, sin el consentimiento expreso por escrito
de AENOR, queda totalmente prohibido

Norma UNE 139803:2004
http://www.inteco.es/Accesibilidad/Normativa_1/Descarga/DescargaUNE_139803


UNE 139803:2004

Para su realización se ha tomado como punto de partida las
Directrices para la Accesibilidad de los Contenidos Web 1.0
(en inglés Web Content Accessibility Guidelines) de la Iniciativa para
la Accesibilidad Web (en inglés Web Accessibility
Initiative) del Consorcio de la Web (en inglés World Wide Web
Consortium). La correspondencia entre los requisitos de
esta norma y los puntos de control de las directrices se recoge en el
anexo A.

Norma UNE 139803:2004


UNE 139803:2004. Requisitos de accesibilidad (1/2)

Principios Generales. Aspectos globales relacionados con la tecnología
utilizada para recoger contenidos en la Web.

Presentación. Requisitos relacionados con la manera de mostrar los
contenidos.

Estructura. Requisitos que afectan a la forma de organizar los contenidos en
los documentos Web.

Contenido. Contiene requisitos sobre los propios contenidos Web.

Norma UNE 139803:2004


UNE 139803:2004. Requisitos de accesibilidad (2/2)

Navegación. Requisitos que inciden sobre los aspectos de recorrido entre
los contenidos Web.

Scripts, Objetos de Programación y Multimedia. Requisitos que afectan a
los elementos dinámicos o interactivos que pueden aparecer en
documentos Web.

Situaciones Excepcionales. Indica qué hacer cuando no se puede cumplir
el resto de los requisitos.

Norma UNE 139803:2004


UNE 139803:2004. Prioridades

Prioridad 1
El sitio debe satisfacer este requisito. En otro caso, será
imposible para uno o más grupos de personas con
discapacidad utilizar el sitio. Cumplir un requisito de
esta prioridad es básico para que algunos grupos
puedan usar el sitio.

Norma UNE 139803:2004



Prioridad 2
El sitio debería satisfacer este requisito. En otro caso,
será muy difícil para uno o más grupos de personas con
discapacidad utilizar el sitio. Cumplir un requisito de
esta prioridad permite eliminar barreras signiﬁcativas a
la hora de usar el sitio.

Norma UNE 139803:2004



Prioridad 3
El sitio puede satisfacer este requisito. En otro caso,
algunos grupos podrían encontrar una diﬁcultad relativa
para utilizar el sitio. Cumplir un requisito de esta
prioridad mejorará la accesibilidad del sitio.

Norma UNE 139803:2004


UNE 139803:2004

Cualquier sitio que no cumpla las prioridades 1 y 2 no se
puede considerar razonablemente accesible.

El cumplimento de los requisitos de prioridad 3 permite
que los sitios sean más fáciles de utilizar por todos en
cualquier circunstancia.

Norma UNE 139803:2004


Normas UNE de consulta

UNE 139801:2003 − Aplicaciones informáticas para personas con discapacidad.
Requisitos de accesibilidad al ordenador. Hardware.

UNE 139802:2003 − Aplicaciones informáticas para personas con discapacidad.
Requisitos de accesibilidad al ordenador. Software.

UNE-EN ISO 9999:2003 − Ayudas técnicas para personas con discapacidad.
Clasiﬁcación y terminología.

PNE 139804 – 200X − Aplicaciones informáticas para personas con discapacidad.
Directrices para el uso de la lengua de signos en la Web (en elaboración).

Norma UNE 139803:2004



El desarrollo de WCAG 2.0 ha seguido una serie de etapas bien
deﬁnidas:

• Borrador de Trabajo
• Borrador de Trabajo, última convocatoria
• Recomendación Candidata
• Propuesta de Recomendación
• Recomendación del W3C



World Wide Web Consortium Process Document
http://www.w3.org/2005/10/Process-20051014/


Pautas de Accesibilidad para el Contenido en la Web v2.0

Cubren un amplio espectro de recomendaciones para hacer el
contenido web más accesible

Seguir estas pautas hará el contenido accesible para el mayor rango
de personas con discapacidades

Pautas de Accesibilidad de Contenido Web 2.0
http://codexexempla.org/articulos/2008/traduccion_wcag_2/pautas_2.0.htm



• ceguera o visión deficiente
• sordera y pérdida de audición
• deficiencias de aprendizaje
• limitaciones cognitivas
• movilidad reducida
• deficiencias del lenguaje
• fotosensitividad
• las combinaciones de todas estas




Seguir estas pautas además puede hacer
que el contenido web sea más usable para
los usuarios en general




Los criterios de éxito de las Pautas 2.0 se
han redactado como enunciados
comprobables que no son especíﬁcos de
ninguna tecnología




Se proporcionan guías sobre cómo satisfacer
los criterios de éxito para tecnologías
concretas, así como información general sobre
cómo interpretar los criterios de éxito, en
documentos aparte




Documentos que conforman las WCAG 2.0

• Recomendación WCAG 2.0
• Técnicas para WCAG 2.0
• Comprender WCAG 2.0
• Cómo cumplir con WCAG 2.0



Recomendación WCAG 2.0

Es el documento de las Pautas

Este es el documento normativo; es estable y no cambiará con el
tiempo

No describe en profundidad cómo cumplir con cada criterio de éxito

Lo más normal es usar los documentos de soporte, más detallados



Técnicas para WCAG 2.0

Recoge un conjunto de soluciones técnicas que se pueden utilizar para
cumplir con los criterios de accesibilidad recogidos en las Pautas

Las técnicas pueden ser generales o especíﬁcas a una tecnología concreta

Las técnicas pueden ser “de suﬁciencia” (si se aplica esta técnica se
considerará cumplido el criterio) o “complementarias” (el uso de esta
técnica puede ayudar a mejorar la accesibilidad, pero no implica
necesariamente que se esté cumpliendo el criterio)



Comprender WCAG 2.0

Proporciona explicaciones más detalladas sobre el contenido de la
Recomendación

Cómo ayudan estos criterios a personas con diferentes discapacidades

Notas sobre el soporte en navegadores y productos de apoyo



Cómo cumplir con WCAG 2.0

Guía rápida para los criterios de éxito

Para cada criterio de éxito proporciona una lista de enlaces a las técnicas
de suﬁciencia en el documento de técnicas



Organización de las WCAG 2.0

Las Pautas se organizan en cuatro principios básicos:

• Perceptible
• Operable
• Comprensible
• Robusto

Dentro de cada Principio básico se encuentran las Pautas

Cada Pauta se desarrolla en una serie de Criterios de Éxito (establecen una serie de
criterios de accesibilidad que deben cumplir los contenidos web)



Criterios de éxito WCAG 2.0 (1/2)

Pueden ser verificados para comprobar el cumplimiento de las Pautas

Están clasificados por niveles de conformidad (A, AA, AAA)

Se han redactado para ser verificados sin ambigüedad, por una herramienta
automática o por una persona

Cada criterio de éxito incluye un enlace al apartado correspondiente en los demás
documentos de soporte



Criterios de éxito WCAG 2.0 (2/2)

Cada criterio de éxito puede enlazar con diversas Técnicas

Las Técnicas pueden ser de dos tipos:

• Técnicas de suﬁciencia: si se sigue esta técnica se cumple con el criterio para el
elemento de que se trate

• Técnicas complementarias: son técnicas que ayudan a mejorar la accesibilidad, pero
que no garantizan el completo cumplimiento de los criterios



Resumen: principios, pautas, criterios, técnicas

Principios (4)

Pautas (12)

Criterios (61)

Técnicas


Glosario de términos para entender las WCAG 2.0

• abreviatura
• accesiblemente soportado/a (soportado/a accesiblemente)
• agente de usuario
• alternativa multimedia para texto
• alternativa para contenidos multimedia dependientes del tiempo
• ambiguo para los usuarios en general (vínculo)
• audiodescripción
• audiodescripción extendida
• ayuda contextual




• bloques de texto
• cambios de contexto
• CAPTCHA
• colección de páginas web
• componente de interfaz de usuario
• conformidad
• contenido (contenido web)
• contenido complementario




• contenido multimedia sincronizado
• contenido no textual
• contexto programablemente determinable (de un vínculo)
• controlable por el usuario
• empleado de una manera inusual o restringida
• error de entrada de datos
• esencial
• experiencia sensorial especíﬁca




• imagen de texto
• navegado secuencialmente
• nivel de educación primario
• nivel de educación secundario inferior
• programablemente determinado (programablemente determinable)
• programablemente establecido
• propósito de un vínculo
• pura decoración




• se confía, se puede conﬁar (tecnologías en las que)
• secuencia correcta de lectura
• tecnología asistiva (tal como se emplea en este documento)
• visualmente personalizado



Glosario: abreviatura

Forma acortada de una palabra, frase o nombre, cuando la
abreviatura no ha pasado a ser parte del idioma.



Glosario: accesiblemente soportado/a

Soportado por las tecnologías asistivas de los usuarios así como por
las características de accesibilidad en los navegadores y otros agentes
de usuario.



Glosario: agente de usuario

Cualquier software que recupera y presenta contenido web a
usuarios.



Glosario: alternativa multimedia para texto

Contenido multimedia que no proporciona más información de la que
ya se presenta en el texto (directamente o a través de alternativas
textuales).

Nota: Una alternativa multimedia para texto se proporciona para aquellos que pueden
beneﬁciarse de las representaciones alternativas del texto. Las alternativas multimedia para
texto pueden ser sólo audio, sólo vídeo (incluyendo lenguaje de signos), o audiovisuales.



Glosario: alternativa para contenidos multimedia
dependientes del tiempo

Documento que incluye una secuencia correcta de descripciones
textuales de las informaciones visual y audible dependientes del
tiempo, y que proporciona los medios para lograr los resultados de
cualquier interacción dependiente del tiempo.



Glosario: ambiguo para los usuarios en general (vínculo)

El propósito del vínculo no puede ser determinado desde su contenido
ni desde la información de la página web presentada al usuario
simultáneamente al mismo (por ejemplo, los lectores sin
discapacidades podrían no saber lo que hace el vínculo hasta que lo
activen).



Glosario: audiodescripción

Narración añadida a la pista de audio que describe detalles visuales
importantes que no pueden comprenderse o inferirse meramente de
la banda sonora principal.



Glosario: audiodescripción extendida

Una audiodescripción que se añade a una presentación audiovisual en
una pausa realizada en el vídeo con el ﬁn de proporcionar tiempo para
la descripción añadida.



Glosario: ayuda contextual

Texto de ayuda que proporciona información relacionada con la
funcionalidad que está siendo empleada en el momento.



Glosario: bloques de texto

Más de una línea de texto.



Glosario: cambios de contexto

Cambios importantes en el contenido de una página web tales que si
se hacen sin una advertencia al usuario pueden desorientarlo si no es
capaz de ver la página completa simultáneamente.

Cambios de contexto incluyen cambios de:
• agente de usuario;
• puerto de salida;
• foco;
• contenido que cambie el signiﬁcado de la página web.



Glosario: CAPTCHA

Siglas de Completely Automated Public Turing test to tell Computers
and Humans Apart (‘Prueba de Turing Pública Completamente
Automatizada para Diferenciar Humanos y Ordenadores’).

Las pruebas de CAPTCHA generalmente consisten en pedir al usuario
que escriba un texto que se le ha presentado en una imagen
distorsionada o un archivo de audio.



Glosario: colección de páginas web

Un grupo de páginas web que comparte un propósito común y que
han sido creadas por el mismo autor, grupo u organización.

Las versiones en diferentes idiomas podrían considerarse colecciones
de páginas web diferentes.



Glosario: componente de interfaz de usuario

Parte de un contenido que los usuarios perciben como un control
único destinado a una función deﬁnida.

Los componentes de una interfaz de usuario incluyen elementos de
formulario y vínculos, así como componentes generados por scripts.



Glosario: conformidad

La satisfacción de todos los requisitos de un estándar, pauta o
especiﬁcación.



Glosario: contenido (contenido web)

Información y experiencia sensorial transmitida a un usuario por
medio de un agente de usuario, que incluye el código de marcado que
deﬁne la estructura del contenido, su presentación y las
interacciones.



Glosario: contenido complementario

Contenido adicional que ilustra o clariﬁca un contenido principal.

Ejemplo 1: Una versión en audio de una página web.
Ejemplo 2: Una ilustración de un proceso complejo.
Ejemplo 3: Un párrafo que resume las conclusiones y
recomendaciones hechas en un estudio de investigación.



Glosario: contenido multimedia sincronizado

Audio o vídeo sincronizado con otro formato para presentar
información o componentes interactivos basados en tiempo, a menos
que el contenido multimedia sea un contenido multimedia alternativo
a un texto que haya sido claramente etiquetado como tal.



Glosario: contenido no textual

Cualquier contenido que no es una secuencia de caracteres que pueda
ser programablemente determinada, o donde la secuencia no exprese
algo en un idioma.



Glosario: contexto programablemente determinable (de un
vínculo)

Información adicional que puede ser programablemente determinada
de las relaciones de un vínculo, combinada con el texto del vínculo, y
presentada a los usuarios en diversas modalidades.

Ejemplo: En HTML, la información que es programablemente determinable de un vínculo
incluye texto que está presente en el mismo párrafo, lista o celda de tabla junto al
vínculo.



Glosario: controlable por el usuario

Datos que se pretende que sean aportados por los usuarios.

Ejemplo: nombre y dirección para los campos de una cuenta de
usuario.



Glosario: empleado de una manera inusual o restringida

Palabras empleadas con un significado concreto, y que necesitan que
los usuarios sepan qué definición se aplica con el fin de entender un
contenido correctamente.



Glosario: error de entrada de datos

Información proporcionada por un usuario que no se considera
aceptable.

Esto incluye:
Información que se considera obligatoria en la página web pero que
ha sido omitida por el usuario.
Información que ha sido proporcionada por el usuario pero que queda
fuera de los valores o formato de datos especiﬁcados.



Glosario: esencial

Aquello que si se elimina puede cambiar de una manera fundamental
la información o la funcionalidad de un contenido, y siempre que la
información y la funcionalidad no puede conseguirse de otra manera
que pudiera ser conforme.



Glosario: experiencia sensorial especíﬁca

Experiencia sensorial que no es puramente decorativa y que
proporciona información importante o cumple una función.



Glosario: imagen de texto

Texto que ha sido representado de forma no textual (por ejemplo
como una imagen) con la intención de lograr un efecto visual
particular.



Glosario: navegado secuencialmente

Que se navega en el orden determinado por el avance del foco (de un
elemento al siguiente) empleando una interfaz de teclado.



Glosario: nivel de educación primario

Periodo de seis años que empieza a las edades de entre cinco y siete,
posiblemente sin ninguna educación previa.



Glosario: nivel de educación secundario inferior

El periodo de dos a tres años que comienza después de completar
seis años de escolarización y termina nueve años después del
comienzo de la educación primaria.



Glosario: programablemente determinado

Determinado por el software de los datos proporcionados por el autor
de manera que diferentes agentes de usuario, incluyendo tecnologías
asistivas, puede extraer y presentar esa información a los usuarios en
diferentes modalidades.

Ejemplo 1: Determinado por medio de los elementos y atributos de un lenguaje de marcado
a los que acceden directamente las tecnologías asistivas comúnmente disponibles.



Glosario: programablemente establecido

Establecido por un software con métodos soportados por los agentes
de usuario, incluidas las tecnologías asistivas.



Glosario: propósito de un vínculo

La naturaleza del resultado obtenido al activar un hipervínculo.



Glosario: pura decoración

Que sirve solo para ﬁnes estéticos, sin proporcionar información, y
que no tiene funcionalidad.



Principio 1

Perceptibilidad: La información y los componentes de la
interfaz de usuario deben presentarse a los usuarios de la
manera en que puedan percibirlos

4 pautas



Principio 1 > Pauta 1.1

Alternativas textuales: Proporcione alternativas textuales
para todo contenido no textual, de manera que pueda
modiﬁcarse para ajustarse a las necesidades de las personas,
como por ejemplo en una letra mayor, braille, voz, símbolos o
un lenguaje más simple

1 criterio de éxito



Principio 1 > Pauta 1.1 > Criterios de éxito

1. Contenido no textual

Todo contenido no textual que se presenta al usuario cuenta
con un texto alternativo que sirve para un propósito
equivalente, excepto en los supuestos listados abajo. [Nivel A]




Contenido multimedia dependiente del tiempo: Proporcione
alternativas sincronizadas para contenidos multimedia
sincronizados dependientes del tiempo

9 criterios de éxito




1. Solo audio y solo vídeo (pregrabado)

Para contenidos pregrabados que consisten en solo audio y
solo vídeo, lo siguiente es cierto, excepto para cuando el audio
o el vídeo es un contenido multimedia alternativo al texto y
está claramente identiﬁcado como tal: [Nivel A]




2. Subtítulos (pregrabados)

Se proporcionan subtítulos para todo audio pregrabado en un
contenido multimedia sincronizado, excepto cuando tal
contenido es un contenido multimedia alternativo al texto y
está claramente identiﬁcado como tal. [Nivel A]




3. Audiodescripción o alternativa textual completa

Se proporciona una alternativa para contenido multimedia
dependiente del tiempo, o una audiodescripción para el vídeo
pregrabado del contenido multimedia sincronizado, excepto
cuando tal contenido es un contenido multimedia alternativo
al texto y está claramente identiﬁcado como tal. [Nivel A]




4. Subtítulos (directo)

Se proporcionan subtítulos para todo contenido de audio en
directo del contenido multimedia sincronizado. [Nivel AA]




5. Audiodescripción

Se proporciona una audiodescripción para todo contenido de
vídeo del contenido multimedia sincronizado. [Nivel AA]




6. Lengua de signos

Se proporciona una interpretación a lengua de signos para
todo contenido de audio pregrabado del contenido multimedia
sincronizado. [Nivel AAA]




7. Audiodescripción (extendida)

Donde las pausas del audio de un vídeo sean insuﬁcientes
para permitir que la audiodescripción transmita el sentido del
vídeo, se proporciona una audiodescripción extendida para
todo contenido de vídeo pregrabado del contenido multimedia
sincronizado. [Nivel AAA]




8. Alternativa textual completa

dependiente del tiempo para todo contenido multimedia
sincronizado pregrabado y para todo contenido que consista
en solo vídeo. [Nivel AAA]




9. Sólo audio en directo

dependiente del tiempo que presenta la información
equivalente para todo contenido que consiste en solo audio en
directo. [Nivel AAA]




Adaptabilidad: Cree contenidos que puedan presentarse de
diversas maneras (como por ejemplo una composición más
simple) sin perder la información ni su estructura





1. Información y relaciones

La información, la estructura y las relaciones transmitidas a
través de la presentación pueden ser programablemente
determinadas o se encuentran disponibles en texto. [Nivel A]




2. Secuencia signiﬁcativa

Cuando la secuencia en la que se presenta un contenido afecta
a su signiﬁcado, la secuencia correcta de lectura puede ser
programablemente determinada. [Nivel A]




3. Características sensoriales

Las instrucciones que se proporcionan para comprender y
operar con un contenido no confían solamente en las
características sensoriales de los componentes, tales como
forma, tamaño, ubicación visual, orientación o sonido.
[Nivel A]




Distinguible: Haga más fácil para los usuarios ver y oír el
contenido, incluyendo la separación entre primer plano y
fondo





1. Empleo del color

El color no se emplea como el único medio visual para
transmitir una información, indicar una acción, provocar una
respuesta o distinguir visualmente un elemento. [Nivel A]




2. Control de audio

Si cualquier audio se reproduce automáticamente en una
página web durante más de tres segundos, o bien existe un
mecanismo que permita pausar o detener el audio, o bien
existe un mecanismo que permita controlar el volumen del
audio de manera independiente al del resto del sistema.
[Nivel A]




3. Contraste (mínimo)

La presentación visual del texto y las imágenes de texto tienen
una relación de contraste de al menos 5:1, excepto para los
siguientes casos: [Nivel AA]




3. Contraste (mínimo)
Gran tamaño
El texto a gran tamaño y las imágenes de texto a gran tamaño tienen una relación de contraste de
al menos 3:1;
Incidental
El texto o las imágenes de texto que son parte de un componente de interfaz de usuario inactivo,
que son pura decoración, que no son visibles para nadie o que son parte de una imagen cuyo
contenido signiﬁcativo es otro contenido visual, no tienen un requisito mínimo de contraste.
Logotipos
El texto que es parte de un logo o de un nombre de marca no tiene un requisito mínimo de
contraste.




4. Variar el tamaño de texto

Excepto para subtítulos e imágenes de texto, se puede variar
el tamaño del texto sin necesidad de emplear una tecnología
asistiva hasta un 200 por ciento sin pérdida de contenido o
funcionalidad. [Nivel AA]




5. Imágenes de texto

Si con las tecnologías empleadas se puede lograr la
presentación visual deseada, se debe preferir emplear texto
para transmitir la información antes que imágenes de texto,
excepto para los siguientes casos: [Nivel AA]




5. Imágenes de texto

Personalizable: La imagen de texto puede ser visualmente
personalizada según los requisitos del usuario;
Esencial: La presentación de un texto en particular es esencial
para la información que se está transmitiendo.
Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales.




6. Contraste (Mejorado)

La presentación visual de un texto y de las imágenes de texto
mantienen una relación de contraste de al menos 7:1, excepto
para los siguientes casos: [Nivel AAA]




6. Contraste (Mejorado)

Gran tamaño
El texto a gran tamaño y las imágenes de texto a gran tamaño tienen una relación de contraste de al
menos 5:1;
Incidental
El texto o las imágenes de texto que son parte de un componente de interfaz de usuario inactivo, que
son pura decoración, que no son visibles para nadie o que son parte de una imagen cuyo contenido
signiﬁcativo es otro contenido visual, no tienen un requisito mínimo de contraste.
Logotipos
El texto que es parte de un logo o de un nombre de marca no tiene un requisito mínimo de contraste.




7. Fondo de audio bajo o inexistente

Para todo contenido de solo audio pregrabado que contiene
principalmente una locución, que no es un CAPTCHA de audio
o un audiologo, y que no es una vocalización cuya
interpretación sea principalmente una expresión musical
(como el canto o el rap), al menos uno de los siguientes
enunciados es verdadero: [Nivel AAA]




7. Fondo de audio bajo o inexistente

Sin fondo: El audio no contiene sonidos de fondo.

Apagable: El sonido de fondo se puede apagar.

20dB: El sonido de fondo es al menos a 20 decibelios más bajo que la
locución principal, exceptuando sonidos ocasionales que no duren más de
uno o dos segundos.




8. Presentación visual

Para la presentación visual de bloques de texto, se
proporciona un mecanismo que logre que: [Nivel AAA]




8. Presentación visual

• el usuario pueda seleccionar los colores de primer plano y fondo
• el ancho de línea no pueda exceder los 80 caracteres
• el texto no se justiﬁque (alinearse en sus márgenes derecho e izquierdo)
• el espacio entre líneas (altura de línea) sea al menos un espacio y medio en el interior de los
párrafos, y que el espacio entre párrafos sea al menos una vez y media más amplio que el
espacio entre línea
• el texto pueda escalarse sin necesidad de una tecnología asistiva hasta un 200 por ciento de
manera que el usuario no necesite de una barra de scroll horizontal para leer una línea de
texto en una ventana a pantalla completa.




9. Imágenes de texto (sin excepción)

Las imágenes de texto sólo se emplean como pura decoración
o donde una presentación en particular del texto es esencial
para la información que se transmite. [Nivel AAA]

Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales.



Principio 2

Operabilidad: Los componentes de la interfaz de usuario y la
navegación deben ser operables

4 pautas




Accesible a través del teclado: Haga que toda funcionalidad
esté disponible a través del teclado





1. Teclado

Toda funcionalidad del contenido es operable a través de una
interfaz de teclado sin que exista un límite de tiempo
especíﬁco para realizar las pulsaciones de las teclas. [Nivel A]




2. Sin trampa de teclado

Si el foco puede moverse a un componente de la página por
medio de una interfaz de teclado, entonces el foco puede
moverse fuera de ese componente empleando simplemente la
misma interfaz de teclado. [Nivel A]




3. Teclado (sin excepción)

Se puede emplear toda funcionalidad de un contenido a través
de una interfaz de teclado sin un límite de tiempo especíﬁco
para realizar las pulsaciones de las teclas. [Nivel AAA]




Tiempo suﬁciente: Proporcione a los usuarios el tiempo
suﬁciente para leer y usar un contenido





1. Límite de tiempo ajustable

Para cada límite de tiempo que se establece en el contenido, al
menos uno de los siguientes es verdadero: [Nivel A]





Desactivar: Al usuario se le permite desactivar el límite de tiempo antes de
encontrarse con él.
Ajustar: Al usuario se le permite ajustar el límite de tiempo antes de encontrarse con
él, hasta un rango de al menos diez veces la duración por defecto.
Extender: Al usuario se le avisa antes de que el límite expire con un margen de la
menos 20 segundos y se le permite extender ese mismo límite por medio de alguna
acción simple, y además se le permite repetir la acción al menos diez veces.





Excepción de tiempo real: El límite de tiempo es un requisito de un evento en
tiempo real (por ejemplo, una subasta), y no es posible ninguna alternativa a ese
límite.
Excepción esencial: El límite de tiempo es esencial y su extensión invalidaría la
actividad.
Excepción de 20 horas: El límite de tiempo supera las 20 horas.




2. Pausar, detener, ocultar

Para cualquier información que se mueva, parpadee, se
desplace o se actualice automáticamente, todos los puntos
siguientes son verdaderos: [Nivel A]





Movimiento, parpadeo, desplazamiento: Para cualquier información
que se mueva, parpadee o se desplace, y que comience
automáticamente, dure más de cinco segundos y se presente
paralelamente a otro contenido, existe un mecanismo que permite al
usuario pausar, detener u ocultar la información, a menos que ese
movimiento, parpadeo o desplazamiento sea esencial para la actividad.





Actualización automática: Para cualquier información que comience
automáticamente y se presente paralelamente a otro contenido, existe
un mecanismo que permite al usuario pausar, detener u ocultar la
información, o controlar la frecuencia de la actualización, a menos que
la actualización automática sea esencial para la actividad.




3. Sin tiempo

El tiempo no es parte esencial del evento o la actividad
presentada en el contenido, excepto para el contenido
multimedia sincronizado y no interactivo y para los eventos en
tiempo real. [Nivel AAA]




4. Interrupciones

El usuario puede posponer o eliminar las interrupciones,
excepto cuando las interrupciones vienen provocadas por una
emergencia. [Nivel AAA]




5. Reautentificación

Cuando una sesión autentificada expira, el usuario puede
continuar la actividad sin pérdida de datos y después
reautentificar su sesión. [Nivel AAA]




Ataques: No diseñe un contenido de manera que se sepa que
puede causar ataques de tipo epiléptico





1. Tres destellos o por debajo del umbral

Las páginas web no contienen nada que destelle más de tres
veces en cualquier periodo de un segundo, o el destello está
por debajo de los umbrales de destello general y de destello
rojo. [Nivel A]




2. Tres destellos

Las páginas web no contienen nada que destelle más de tres
veces en cualquier periodo de un segundo. [Nivel AAA]




Navegable: Proporcione medios que sirvan de ayuda a los
usuarios a la hora de navegar, localizar contenido y determinar
dónde se encuentran





1. Saltar bloques

Existe un mecanismo que permite saltar bloques de contenido
que se repiten en múltiples páginas web. [Nivel A]




2. Página titulada

Las páginas web tienen títulos que describen su tema o
propósito. [Nivel A]




3. Orden de foco

Si una página web puede navegarse secuencialmente y la
secuencia de navegación afecta a su signiﬁcado u
operatividad, los componentes que pueden recibir el foco lo
hacen en un orden que conserva íntegros su signiﬁcado y
operatividad. [Nivel A]




4. Propósito de un vínculo (en su contexto)

El propósito de cada vínculo puede determinarse con el texto
del vínculo descontextualizado, o del texto del vínculo junto a
su contexto programablemente determinable, excepto donde
el propósito del vínculo puede ser ambiguo para los usuarios
en general. [Nivel A]




5. Múltiples medios

Existe más de un medio para localizar una página web dentro
de una colección de páginas web, excepto cuando la página
web es resultado, o un paso, de un proceso. [Nivel AA]




6. Encabezados y etiquetas

Los encabezados y las etiquetas describen el tema o propósito
pertinente. [Nivel AA]




7. Foco visible

Cualquier interfaz de usuario que sea operable a través de
teclado cuenta con un indicador visible del foco de teclado.
[Nivel AA]




8. Ubicación

Se proporciona al usuario información de orientación sobre su
ubicación dentro de una colección de páginas web.
[Nivel AAA]




9. Propósito de un vínculo (vínculo sólo)

Existe un mecanismo que permite identiﬁcar el propósito de
cada vínculo por medio exclusivo del texto del propio vínculo,
excepto donde el propósito del vínculo puede ser ambiguo
para los usuarios en general. [Nivel AAA]




10. Encabezados de sección

Se emplean encabezados de sección para organizar el
contenido. [Nivel AAA]



Principio 3

Comprensibilidad: La información y el manejo de la interfaz de
usuario deben ser comprensibles

3 pautas




Legible: Haga el contenido textual legible y comprensible





1. Idioma de la página

El idioma de cada página puede ser programablemente
determinado. [Nivel A]




2. Idioma de partes

El idioma de cada pasaje o frase del contenido puede ser
programablemente determinado excepto en el caso de
nombres propios, términos técnicos, palabras de un idioma
indeterminado y palabras o frases que han llegado a ser parte
de la lengua vernácula incorporadas al texto inmediatamente
adyacente. [Nivel AA]




3. Palabras inusuales

Se proporciona un mecanismo para identificar definiciones
específicas de palabras o frases empleadas de una manera
inusual o restringida, incluyendo modismos y jerga.
[Nivel AAA]




4. Abreviaturas

Se proporciona un mecanismo para identiﬁcar las formas
expandidas o el signiﬁcado de las abreviaturas. [Nivel AAA]




5. Nivel de lectura

Cuando el texto requiere una habilidad de lectura más
avanzada que la que proporciona el nivel de educación
secundario inferior, se proporciona contenido complementario
o una versión que no exija más habilidad lectora que la que
proporciona el nivel de educación secundario inferior.
[Nivel AAA]




6. Pronunciación

Se proporciona un mecanismo para identificar la
pronunciación específica de palabras donde el significado de
las mismas pueda ser ambiguo sin conocimiento de su
pronunciación. [Nivel AAA]




Predecible: Cree páginas web cuya apariencia y operabilidad
sean predecibles





1. Con foco

Recibir el foco por parte de cualquier componente no provoca
ningún cambio de contexto. [Nivel A]




2. Con entrada de datos

Cambiar la conﬁguración de cualquier componente de la
interfaz de usuario no causa automáticamente ningún cambio
de contexto, a menos que el usuario haya sido advertido del
comportamiento antes de emplear el componente. [Nivel A]




3. Navegación consistente

Los mecanismos de navegación repetidos en múltiples
páginas web dentro de una colección de páginas web aparecen
en el mismo orden relativo cada vez que se repiten, a menos
que se dé un cambio iniciado por el usuario. [Nivel AA]




4. Identiﬁcación consistente

Los componentes que tienen la misma funcionalidad dentro
de una colección de páginas web se identiﬁcan de forma
consistente. [Nivel AA]




5. Cambio a petición

Los cambios de contexto se inician solo a petición del usuario,
o existe un mecanismo para desactivar tales cambios.
[Nivel AAA]




Ayuda a la entrada de datos: Ayude a los usuarios a evitar y
corregir errores





1. Identiﬁcación de errores

Si se detecta un error de entrada de datos, se identiﬁca el ítem
erróneo y el error se describe al usuario por medio de texto.
[Nivel A]




2. Instrucciones o etiquetas

Se proporcionan etiquetas o instrucciones cuando el contenido
requiere entrada de datos por parte del usuario. [Nivel A]




3. Sugerencia tras error

Si se detecta automáticamente un error de entrada de datos y
se pueden determinar las sugerencias apropiadas para la
corrección, entonces se proporcionan las sugerencias al
usuario, a menos que esto pudiese poner en riesgo la
seguridad o el propósito del contenido. [Nivel AA]




4. Prevención de errores (legales, ﬁnancieros, de datos)

Para páginas web que causen compromisos legales o
transacciones económicas, que modiﬁquen o borren datos
controlables por el usuario en sistemas de almacenamientos
de datos o que envíen respuestas del usuario a algún tipo de
prueba, al menos uno de los siguientes es verdadero:
[Nivel AA]




4. Prevención de errores (legales, financieros, de datos)

Reversible: Los envíos son reversibles.

Comprobado: Se comprueba si los datos proporcionados por el usuario contienen
errores de entrada de datos y se proporciona al mismo la oportunidad de corregirlos.

Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir la
información antes de finalizar el envío de la misma.




5. Ayuda

Se proporciona ayuda contextual. [Nivel AAA]




6. Prevención de errores (todo error)

Para las páginas web que requieran que el usuario envíe
información, al menos uno de los siguientes es verdadero:
[Nivel AAA]




6. Prevención de errores (todo error)

Reversible: Los envíos son reversibles.

Comprobado: Se comprueba si los datos proporcionados por el usuario contienen
errores de entrada de datos y se proporciona al mismo la oportunidad de corregirlos.

Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir la
información antes de finalizar el envío de la misma.



Principio 4

Robustez: El contenido debe ser lo suﬁcientemente robusto
como para conﬁarse en su interpretación por parte de una
amplia variedad de agentes de usuario, incluidas las
tecnologías asistivas

1 pauta




Compatible: Maximice la compatibilidad con agentes de
usuario actuales y futuros, incluyendo tecnologías asistivas





1. Interpretación (parsing)

Para contenido que se haya implementado empleando un
lenguaje de marcado, los elementos cuentan con etiquetas
completas de cierre y apertura, se han anidado correctamente,
no contienen atributos duplicados y cualquier id es único,
excepto donde la especiﬁcación permita excepciones. [Nivel A]




2. Nombre, rol, valor

Para todo componente de interfaz de usuario (incluidos, pero no limitados
a: elementos de formulario, vínculos y componentes generados por medio
de scripts), el nombre y el rol pueden ser programablemente
determinados; los estados, propiedades y valores que pueden ser
establecidos por el usuario pueden ser programablemente establecidos; y
los cambios en tales ítems se notiﬁcan a los agentes de usuario, incluidas
las tecnologías asistivas. [Nivel A]



Requisitos de conformidad

Para que una página web sea conforme con las Pautas 2.0, debe
satisfacer todos y cada uno de los siguientes requisitos de
conformidad:




Nivel de conformidad: uno de los siguientes niveles de
conformidad se satisface por completo:

Nivel A: Para el nivel A de conformidad (el mínimo nivel de
conformidad), la página web satisface todos los criterios de
éxito de nivel A, o se proporciona una versión alternativa
conforme.





Nivel AA: Para el nivel AA de conformidad, la página web
satisface todos los criterios de éxito de nivel A y AA, o se
proporciona una versión alternativa conforme al nivel AA.





Nivel AAA: Para el nivel AAA de conformidad, la página web
satisface todos los criterios de éxito de nivel A, AA y AAA, o se
proporciona una versión alternativa conforme al nivel AAA.




Páginas completas

La conformidad (y el nivel de conformidad) solo se aplica a
páginas web completas, y no se puede lograr si se excluye parte
de la página web.


Sobrevivir a WCAG2.0

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Sobrevivir a WCAG2.0

Semelhante a Sobrevivir a WCAG2.0 (20)

Último

Último (15)

Sobrevivir a WCAG2.0