SlideShare una empresa de Scribd logo
1 de 42
Resumen de las Pautas
de Accesibilidad de
Contenido Web 2.0
WCAG 2.0 (2008)
UNE 139803:2012
ISO/IEC 40500:2012
José R. Hilera, Universidad de Alcalá, 2014
INDICE
• Presentación
• Organización de WCAG 2.0
• Documentación de referencia
• Niveles de conformidad (A, AA, AAA)
• Los 25 criterios de conformidad del nivel A
• Los 13 criterios de conformidad adicionales para el
nivel AA
• Los 23 criterios de conformidad adicionales para el
nivel AAA
Accesibilidad de contenidos Web: UNE 139803
La norma española UNE 139803:2012 y la norma internacional ISO/IEC 40500:2012
son equivalentes a WCAG 2.0
Traducciones a español:
- Traducción de la Fundación SIDAR
- Traducción de Saúl González Fernández
Establece requisitos para
las páginas Web basados
en 4 principios básicos:
• 1. Deben ser perceptibles
• 2. Deben ser operables
• 3. Deben ser comprensibles
• 4. Deben ser robustas
Accesibilidad de contenidos Web: UNE 139803
Disponible en el Observatorio de Accesibilidad
del Gobierno de España
Accesibilidad de contenidos Web: UNE 139803
Organización de WCAG 2.0 (principios, pautas, criterios, técnicas y fallos)
• Establece PRINCIPIOS (4)
[Numerados como: 1, .., 4]
• Los principios se descomponen en PAUTAS (12)
[Numeradas como 1.1, 1.2, .., 4.1]
• Las pautas se descomponen en CRITERIOS DE CONFORMIDAD (61)
[Numerados como 1.1.1, 1.1.2, .., 4.1.2]
• Para los criterios de conformidad se recomiendan TÉCNICAS
Numeradas como
• Técnicas generales: G1, G2, .., G203
• Técnicas sobre HTML: H2, H2, .., H94
• Técnicas sobre CSS: C6, C7, .., C30
• Técnicas sobre scripting en la parte cliente: SCR1, SCR2, .., SCR37
• Técnicas sobre scripting en la parte servidor: SVR1, SVR2, .., SVR5
• Técnicas sobre SMIL: SM1, SM2, .., SM14
• Técnicas sobre texto plano: T1, T2, T3
• Técnicas sobre ARIA: ARIA1, .., ARIA19
• Técnicas sobre Flash: FLASH1, FLASH2, .., FLASH36
• Técnicas sobre Silverlight: SL1, SL2, .., SL35
• Técnicas sobre PDF: PDF1, PDF2, .., PDF23
• Para los criterios de conformidad se describen FALLOS COMUNES
[Numerados como F1, F2, .., F92]
Accesibilidad de contenidos Web: UNE 139803Organización de WCAG 2.0 (requisitos)
Establece 5 REQUISITOS DE CONFORMIDAD de obligado cumplimiento:
1. Nivel de conformidad: Para lograr conformidad con el Nivel A, AA o AAA, la
página web satisface todos los Criterios de Conformidad del nivel, o
proporciona una versión alternativa conforme al nivel.
2. Páginas completas: El nivel de conformidad se aplica a páginas web
completas, y no se puede alcanzar si se excluye una parte de la página.
3. Procesos completos: Cuando una página web es parte de una serie de
páginas web que presentan un proceso, todas las páginas en ese proceso
deben ser conformes con el nivel especificado o uno superior.
4. Uso de tecnologías exclusivamente según métodos que sean compatibles
con la accesibilidad: Para satisfacer los criterios de conformidad sólo se
depende de aquellos usos de las tecnologías que sean compatibles con la
accesibilidad.
5. Sin interferencia: Si las tecnologías se usan de una forma que no es
compatible con la accesibilidad, o está usada de una forma que no cumple
los requisitos de conformidad, no debe impedir a los usuarios acceder al
contenido del resto de la página.
Organización de WCAG 2.0:
4 Principios y 12 Pautas (Guidelines)
1 Perceptibilidad
• 1.1 Proporcione alternativas textuales para todo contenido no textual, de manera que pueda modificarse 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.2 Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo.
• 1.3 Cree contenidos que puedan presentarse de diversas maneras (como por ejemplo una composición más simple) sin
pérder la información ni su estructura.
• 1.4 Haga más fácil para los usuarios ver y oir el contenido, incluyendo la separación entre primer plano y fondo.
2 Operabilidad
• 2.1 Haga que toda funcionalidad esté disponible a través del teclado.
• 2.2 Proporcione a los usuarios con discapacidades el tiempo suficiente para leer y usar un contenido.
• 2.3 No diseñe un contenido de manera que se sepa que puede causar ataques.
• 2.4 Proporcione medios que sirvan de ayuda a los usuarios con discapacidades a la hora de navegar, localizar contenido y
determinar dónde se encuentran.
3 Comprensibilidad
• 3.1 Haga el contenido textual legible y comprensible.
• 3.2 Cree páginas web cuya apariencia y operabilidad sean predecibles.
• 3.3 Ayude a los usuarios a evitar y corregir errores.
4 Robustez
• 4.1 Maximice la compatibilidad con agentes de usuario actuales y futuros, incluyendo tecnologías asistivas.
Accesibilidad de contenidos Web: UNE 139803
Documentación de referencia para WCAG 2.0
• Pautas de Accesibilidad para el Contenido Web
(WCAG) 2.0
• Comprender las WCAG 2.0
• How to Meet WCAG 2.0
• Techniques for WCAG 2.0
• Improving a Web site using Web Content
Accessibility Guidelines (WCAG) 2.0 (DEMO)
• Sito web oficial de la Web Accessibility Initiative
(WAI) del World Wide Web Consortium
WCAG 2.0: NIVEL AA
Deben cumplirse 25 criterios de Conformidad
• Principio 1. Perceptible (9)
• Principio 2. Operable (9)
• Principio 3. Comprensible (5)
• Principio 4. Robusto (2)
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
WCAG 2.0 Nivel A (25 Criterios de
Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.1 ALTERNATIVAS TEXTUALES
1.1.1 Contenido no textual [ejemplos]
• Todo contenido no textual que se presenta al usuario tiene una alternativa
textual que cumple el mismo propósito.
Principio 1. Perceptible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.2 MEDIOS TEMPODEPENDIENTES
1.2.1 Sólo audio y sólo vídeo (grabado) [ejemplos]
• Para contenido sólo audio grabado se proporciona una alternativa para los medios
tempodependientes que presenta información equivalente para el contenido sólo audio
grabado.
• Para contenido sólo video grabado se proporciona una alternativa para los medios
tempodependientes o se proporciona una pista sonora que presenta información
equivalente al contenido del medio de sólo vídeo grabado.
1.2.2 Subtítulos (grabados) [ejemplos]
• Se proporcionan subtítulos para el contenido de audio grabado dentro de contenido
multimedia sincronizado, excepto cuando la presentación es un contenido multimedia
alternativo al texto y está claramente identificado como tal.
1.2.3 Audiodescripción o Medio Alternativo (grabado) [ejemplos]
• Se proporciona una alternativa para los medios tempodependientes o una audiodescripción
para el contenido de vídeo grabado en los multimedia sincronizados, excepto cuando ese
contenido es un contenido multimedia alternativo al texto y está claramente identificado
como tal.
Principio 1. Perceptible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.3 ADAPTABLE
1.3.1 Información y relaciones [ejemplos]
• La información, estructura y relaciones comunicadas a través de la
presentación pueden ser determinadas por software o están disponibles como
texto.
1.3.2 Secuencia significativa [ejemplos]
• Cuando la secuencia en que se presenta el contenido afecta a su significado, se
puede determinar por software la secuencia correcta de lectura.
1.3.3 Características sensoriales [ejemplos]
• Las instrucciones proporcionadas para entender y operar el contenido no
dependen exclusivamente de las características sensoriales de los componentes
como su forma, tamaño, ubicación visual, orientación o sonido.
Principio 1. Perceptible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.4 DISTINGUIBLE
1.4.1 Uso del color [ejemplos]
• El color no se usa como único medio visual para transmitir la información,
indicar una acción, solicitar una respuesta o distinguir un elemento visual.
1.4.2 Control del audio [ejemplos]
• Si el audio de una página web suena automáticamente durante más de 3
segundos, se proporciona ya sea un mecanismo para pausar o detener el
audio, o un mecanismo para controlar el volumen del sonido que es
independiente del nivel de volumen global del sistema.
Principio 1. Perceptible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.1 ACCESIBLE POR TECLADO
2.1.1 Teclado [ejemplos]
• 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.
2.1.2 Sin trampas para el foco del teclado [ejemplos]
• 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 usando sólo 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.
Principio 2. Operable
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.2 TIEMPO SUFICIENTE
2.2.1 Tiempo ajustable [ejemplos]
• 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
• Ajustar: El usuario puede ajustar el límite de tiempo antes de alcanzar dicho límite en
un rango amplio que es, al menos, diez veces mayor al tiempo fijado originalmente
• Extender: Se advierte al usuario antes de que el tiempo expire y se le conceden al
menos 20 segundos para extender el límite temporal con una acción simple (por
ejemplo, "presione la barra de espacio") y el usuario puede extender ese límite de
tiempo al menos diez veces
• Excepción de tiempo real: El límite de tiempo es un requisito que forma parte de un
evento en tiempo real (por ejemplo, una subasta) y no resulta posible ofrecer una
alternativa al límite de tiempo
• Excepción por ser esencial: El límite de tiempo es esencial y, si se extendiera,
invalidaría la actividad
• Excepción de 20 horas: El límite de tiempo es mayor a 20 horas
Principio 2. Operable
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.2 TIEMPO SUFICIENTE
2.2.2 Poner en pausa, detener, ocultar [ejemplos]
• Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza
automáticamente, se cumplen todos los casos siguientes:
• Movimiento, parpadeo, desplazamiento: Para toda información que se
mueve, parpadea o se desplaza, que (1) comienza automáticamente, (2)
dura más de cinco segundos y (3) se presenta en paralelo con otro
contenido, existe un mecanismo para que el usuario la pueda poner en
pausa, detener u ocultar, a menos que el movimiento, parpadeo o
desplazamiento sea parte esencial de una actividad; 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 de
actualización a menos que la actualización automática sea parte esencial
de una actividad
Principio 2. Operable
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.3 CONVULSIONES
2.3.1 Umbral de tres destellos o menos [ejemplos]
• 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.
Principio 2. Operable
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.4 NAVEGABLE
2.4.1 Evitar bloques [ejemplos]
• Existe un mecanismo para evitar los bloques de contenido que se repiten en
múltiples páginas web.
2.4.2 Titulado de páginas [ejemplos]
• Las páginas web tienen títulos que describen su temática o propósito.
2.4.3 Orden del foco [ejemplos]
• Si se puede navegar secuencialmente por una página web y la secuencia de
navegación afecta su significado o su operación, los componentes que pueden
recibir el foco lo hacen en un orden que preserva su significado y operabilidad.
2.4.4 Propósito de los enlaces (en contexto) [ejemplos]
• 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 determinado por
software, excepto cuando el propósito del enlace resultara ambiguo para los
usuarios en general.
Principio 2. Operable
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 3.1 LEGIBLE
3.1.1 Idioma de la página [ejemplos]
• El idioma predeterminado de cada página web puede ser determinado por
software.
Principio 3. Comprensible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 3.2 PREDECIBLE
3.2.1 Al recibir el foco [ejemplos]
• Cuando cualquier componente recibe el foco, no inicia ningún cambio en el
contexto.
3.2.2 Al recibir entradas [ejemplos]
• El cambio de estado en cualquier componente de la interfaz de usuario no
provoca automáticamente un cambio en el contexto a menos que el usuario
haya sido advertido de ese comportamiento antes de usar el componente.
Principio 3. Comprensible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 3.3 ENTRADA DE DATOS ASISTIDA
3.3.1 Identificación de errores [ejemplos]
• Si se detecta automáticamente un error en la entrada de datos, el elemento
erróneo es identificado y el error se describe al usuario mediante un texto.
3.3.2 Etiquetas o instrucciones [ejemplos]
• Se proporcionan etiquetas o instrucciones cuando el contenido requiere la
introducción de datos por parte del usuario.
Principio 3. Comprensible
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 4.1 COMPATIBLE
4.1.1 Procesamiento [ejemplos]
• En los contenidos implementados mediante el uso de lenguajes de marcas:
• los elementos tienen las etiquetas de apertura y cierre completas;
• los elementos están anidados de acuerdo a sus especificaciones;
• los elementos no contienen atributos duplicados y los ID son únicos,
excepto cuando las especificaciones permitan estas características.
4.1.2 Nombre, función, valor [ejemplos]
• Para todos los componentes de la interfaz de usuario:
• el nombre y la función pueden ser determinados por software;
• los estados, propiedades y valores que pueden ser asignados por el
usuario pueden ser especificados por software;
• y los cambios en estos elementos se encuentran disponibles para su
consulta por las aplicaciones de usuario, incluyendo las ayudas técnicas.
Principio 4. Robusto
WCAG 2.0 Nivel A (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
Deben cumplirse otros 13 Criterios de Conformidad
• Principio 1. Perceptible (5)
• Principio 2. Operable (3)
• Principio 3. Comprensible (5)
• Principio 4. Robusto (0)
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
PAUTA 1.2 MEDIOS TEMPODEPENDIENTES
1.2.4 Subtítulos (en directo) [ejemplos]
• Se proporcionan subtítulos para todo el contenido de audio en directo de los
multimedia sincronizados.
1.2.5 Audiodescripción (grabada) [ejemplos]
• Se proporciona una audiodescripción para todo el contenido de vídeo grabado
dentro de contenido multimedia sincronizado.
Principio 1. Perceptible
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
Principio 1. Perceptible
PAUTA 1.4 DISTINGUIBLE
1.4.3 Contraste (mínimo) [ejemplos]
• La presentación visual de texto e imágenes de texto tiene una relación de
contraste de, al menos, 4.5:1, excepto en los siguientes casos:
• Textos grandes: Los textos de gran tamaño y las imágenes de texto de
gran tamaño tienen una relación de contraste de, al menos, 3:1;
• Incidental: Los textos o imágenes de texto que forman parte de un
componente inactivo de la interfaz de usuario, que son simple decoración,
que no resultan visibles para nadie o forman parte de una imagen que
contiene otros elementos visuales significativos, no tienen requisitos de
contraste.
• Logotipos: El texto que forma parte de un logo o nombre de marca no
tiene requisitos de contraste mínimo.
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
Principio 1. Perceptible
PAUTA 1.4 DISTINGUIBLE
1.4.4 Cambio de tamaño del texto [ejemplos]
• A excepción de los subtítulos y las imágenes de texto, todo el texto puede ser
ajustado sin ayudas técnicas hasta un 200 por ciento sin que se pierdan el
contenido o la funcionalidad.
1.4.5 Imágenes de texto [ejemplos]
• Si con las tecnologías que se están utilizando se puede conseguir la
presentación visual deseada, se utiliza texto para transmitir la información en
vez de imágenes de texto, excepto en los siguientes casos:
• Configurable: La imagen de texto es visualmente configurable según los
requisitos del usuario;
• Esencial: Una forma particular de presentación del texto resulta esencial
para la información que se transmite.
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
PAUTA 2.4 NAVEGABLE
2.4.5 Múltiples vías [ejemplos]
• Se proporciona más de un camino para localizar una página web dentro de un
conjunto de páginas web, excepto cuando la página es el resultado, o un paso
intermedio, de un proceso.
2.4.6 Encabezados y etiquetas [ejemplos]
• Los encabezados y etiquetas describen el tema o propósito.
2.4.7 Foco visible [ejemplos]
• Cualquier interfaz de usuario operable por teclado tiene una forma de operar
en la cuál el indicador del foco del teclado resulta visible.
Principio 2. Operable
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
PAUTA 3.1 LEGIBLE
3.1.2 Idioma de las partes [ejemplos]
• El idioma de cada pasaje o frase en el contenido puede ser determinado por
software, excepto los nombres propios, términos técnicos, palabras en un
idioma indeterminado y palabras o frases que se hayan convertido en parte
natural del texto que las rodea.
Principio 3. Comprensible
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
Principio 3. Comprensible
PAUTA 3.2 PREDECIBLE
3.2.3 Navegación coherente [ejemplos]
• Los mecanismos de navegación que se repiten en múltiples páginas web dentro
de un conjunto de páginas web aparecen siempre en el mismo orden relativo
cada vez que se repiten, a menos que el cambio sea provocado por el propio
usuario.
3.2.4 Identificación coherente [ejemplos]
• Los componentes que tienen la misma funcionalidad dentro de un conjunto de
páginas web son identificados de manera coherente.
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
Principio 3. Comprensible
PAUTA 3.3 ENTRADA DE DATOS ASISTIDA
3.3.3 Sugerencias ante errores [ejemplos]
• Si se detecta automáticamente un error en la entrada de datos y se dispone de
sugerencias para hacer la corrección, entonces se presentan las sugerencias al
usuario, a menos que esto ponga en riesgo la seguridad o el propósito del
contenido.
3.3.4 Prevención de errores (legales, financieros, datos) [ejemplos]
• Para las páginas 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 envían las respuestas
del usuario a una prueba, se cumple al menos uno de los siguientes casos:
• Reversible: El envío es reversible.
• Revisado: Se verifica la información para detectar errores en la entrada de
datos y se proporciona al usuario una oportunidad de corregirlos.
• Confirmado: Se proporciona un mecanismo para revisar, confirmar y
corregir la información antes de finalizar el envío de los datos
WCAG 2.0 Nivel AA (Criterios de Conformidad)
WCAG 2.0: NIVEL AA
Deben cumplirse otros 23 Criterios de Conformidad
• Principio 1. Perceptible (5)
• Principio 2. Operable (3)
• Principio 3. Comprensible (5)
• Principio 4. Robusto (0)
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.2 MEDIOS TEMPODEPENDIENTES
1.2.6 Lengua de señas (grabado) [ejemplos]
• Se proporciona una interpretación a lengua de signos para todo contenido de audio
pregrabado del contenido multimedia sincronizado.
1.2.7 Audiodescripción ampliada (grabada) [ejemplos]
• Cuando las pausas en el audio de primer plano son insuficientes para permitir que la
audiodescripción comunique el significado del vídeo, se proporciona una audiodescripción
ampliada para todos los contenidos de vídeo grabado dentro de contenido multimedia
sincronizado.
1.2.8 Medio alternativo (grabado) [ejemplos]
• Se proporciona una alternativa para los medios tempodependientes, tanto para todos los
contenidos multimedia sincronizados grabados como para todos los medios de sólo vídeo
grabado.
1.2.9 Sólo audio (en directo) [ejemplos]
• Se proporciona una alternativa para los medios tempodependientes que presenta
información equivalente para el contenido de sólo audio en directo.
Principio 1. Perceptible
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.4 DISTINGUIBLE
1.4.6 Contraste (mejorado) [ejemplos]
• La presentación visual de texto e imágenes de texto tiene una relación de
contraste de, al menos, 7:1, excepto en los siguientes casos: textos grandes,
incidental, logotipos.
1.4.7 Sonido de fondo bajo o ausente [ejemplos]
• Para el contenido de sólo audio grabado que (1) contiene habla en primer
plano, (2) no es un CAPTCHA sonoro o un audiologo, y (3) que no es una
vocalización cuya intención principal es servir como expresión musical (como el
canto o el rap), se cumple al menos uno de los siguientes casos:
• Ningún sonido de fondo, los sonidos de fondo pueden ser apagados, los
sonidos de fondo son 20 decibelios más bajos que el discurso en primer plano.
Principio 1. Perceptible
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 1.4 DISTINGUIBLE
1.4.8 Presentación visual [ejemplos]
• En la presentación visual de bloques de texto, se proporciona algún mecanismo
para lograr lo siguiente: Los colores de fondo y primer plano pueden ser
elegidos por el usuario, El ancho no es mayor de 80 caracteres o signos, El
texto no está justificado, El espacio entre líneas es de, al menos, un espacio y
medio dentro de los párrafos y el espacio entre párrafos es, al menos, 1.5
veces mayor que el espacio entre líneas, El texto se ajusta sin ayudas técnicas
hasta un 200 por ciento de modo tal que no requiere un desplazamiento
horizontal para leer una línea de texto en una ventana a pantalla completa.
1.4.9 Imágenes de texto (sin excepciones) [ejemplos]
• Las imágenes de texto sólo se utilizan como simple decoración o cuando una
forma de presentación particular del texto resulta esencial para la información
transmitida.
Principio 1. Perceptible
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.1 ACCESIBLE POR TECLADO
2.1.3 Teclado (sin excepciones) [ejemplos]
• Toda la funcionalidad del contenido se puede operar a través de una interfaz de
teclado sin requerir una determinada velocidad en la pulsación de las teclas.
Principio 2. Operable
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.2 TIEMPO SUFICIENTE
2.2.3 Sin tiempo [ejemplos]
• El tiempo no es parte esencial del evento o actividad presentada por el
contenido, exceptuando los multimedia sincronizados no interactivos y los
eventos en tiempo real.
2.2.4 Interrupciones [ejemplos]
• El usuario puede postergar o suprimir las interrupciones, excepto cuando las
interrupciones implican una emergencia.
2.2.5 Re-autentificación [ejemplos]
• Cuando expira una sesión autentificada, el usuario puede continuar la actividad
sin pérdida de datos tras volver a identificarse.
Principio 2. Operable
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.3 CONVULSIONES
2.3.2 Tres destellos [ejemplos]
• Las páginas web no contienen nada que destelle más de tres veces por
segundo.
Principio 2. Operable
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 2.4 NAVEGABLE
2.4.8 Ubicación [ejemplos]
• Se proporciona información acerca de la ubicación del usuario dentro de un
conjunto de páginas web.
2.4.9 Propósito de los enlaces (sólo enlaces) [ejemplos]
• Se proporciona un mecanismo que permite identificar el propósito de cada
enlace con sólo el texto del enlace, excepto cuando el propósito del enlace
resultara ambiguo para los usuarios en general.
2.4.10 Encabezados de sección [ejemplos]
• Se usan encabezados de sección para organizar el contenido
• Nota: Este criterio de conformidad se refiere al contenido propiamente dicho,
no a los componentes de la interfaz de usuario. Los componentes de la interfaz
de usuario se tratan en el Criterio de Conformidad 4.1.2.
Principio 2. Operable
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 3.1 LEGIBLE
3.1.3 Palabras inusuales [ejemplos]
• Se proporciona un mecanismo para identificar las definiciones específicas de
palabras o frases usadas de modo inusual o restringido, incluyendo
expresiones idiomáticas y jerga.
3.1.4 Abreviaturas [ejemplos]
• Se proporciona un mecanismo para identificar la forma expandida o el
significado de las abreviaturas.
3.1.5 Nivel de lectura [ejemplos]
• Cuando un texto requiere un nivel de lectura más avanzado que el nivel
mínimo de educación secundaria una vez que se han eliminado nombres
propios y títulos, se proporciona un contenido suplementario o una versión que
no requiere un nivel de lectura mayor a ese nivel educativo.
3.1.6 Pronunciación [ejemplos]
• Se proporciona un mecanismo para identificar la pronunciación específica de
las palabras cuando el significado de esas palabras, dentro del contexto,
resulta ambiguo si no se conoce su pronunciación.
Principio 3. Comprensible
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 3.2 PREDECIBLE
3.2.5 Cambios a petición [ejemplos]
• Los cambios en el contexto son iniciados únicamente a solicitud del usuario o
se proporciona un mecanismo para detener tales cambios.
Principio 3. Comprensible
WCAG 2.0 Nivel AAA (Criterios de Conformidad)
WCAG 2.0: NIVEL A
PAUTA 3.3 ENTRADA DE DATOS ASISTIDA
3.3.5 Ayuda [ejemplos]
• Se proporciona ayuda dependiente del contexto.
3.3.6 Prevención de errores (todos) [ejemplos]
• Para las páginas web que requieren al usuario el envío de información, se
cumple al menos uno de los siguientes caso:
• Reversible: El envío es reversible.
• Revisado: Se verifica la información para detectar errores en la entrada de
datos y se proporciona al usuario una oportunidad de corregirlos.
• Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir
la información antes de finalizar el envío de los datos.
Principio 3. Comprensible
WCAG 2.0 Nivel AAA (Criterios de Conformidad)

Más contenido relacionado

La actualidad más candente

Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza UNAD
 
Diferencias entre sitio web y portal web
Diferencias entre sitio web y portal webDiferencias entre sitio web y portal web
Diferencias entre sitio web y portal webValeria Valencia López
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad webtayzee
 
Web 1.0 y Web 2.0
Web 1.0 y Web  2.0Web 1.0 y Web  2.0
Web 1.0 y Web 2.0mmaranju
 
MAnual de php básico
MAnual de php básicoMAnual de php básico
MAnual de php básicoCleote
 
Sistemas De Navegacion Multimedia.
Sistemas De Navegacion Multimedia.Sistemas De Navegacion Multimedia.
Sistemas De Navegacion Multimedia.Daniel Dávila
 
Diapositivas servicios web
Diapositivas servicios webDiapositivas servicios web
Diapositivas servicios webanmari23
 
Web 1.0, 2.0, 3.0,4.0
Web 1.0, 2.0, 3.0,4.0Web 1.0, 2.0, 3.0,4.0
Web 1.0, 2.0, 3.0,4.0Steffy Flores
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicionguilleespino
 
Responsive Web Design (Diseño Web Adaptable)
Responsive Web Design (Diseño Web Adaptable)Responsive Web Design (Diseño Web Adaptable)
Responsive Web Design (Diseño Web Adaptable)Adolfo Sanz De Diego
 
7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncronaLaura Folgado Galache
 

La actualidad más candente (20)

Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza Que es Weebly y Como se Utiliza
Que es Weebly y Como se Utiliza
 
Diferencias entre sitio web y portal web
Diferencias entre sitio web y portal webDiferencias entre sitio web y portal web
Diferencias entre sitio web y portal web
 
Taller de nuevas tecnologias TIC
Taller de nuevas tecnologias TICTaller de nuevas tecnologias TIC
Taller de nuevas tecnologias TIC
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web
 
Evaluacion de Sitios Web
Evaluacion de Sitios WebEvaluacion de Sitios Web
Evaluacion de Sitios Web
 
Web 1.0 y Web 2.0
Web 1.0 y Web  2.0Web 1.0 y Web  2.0
Web 1.0 y Web 2.0
 
MAnual de php básico
MAnual de php básicoMAnual de php básico
MAnual de php básico
 
Rubrica para evaluar software
Rubrica para evaluar softwareRubrica para evaluar software
Rubrica para evaluar software
 
Sistemas De Navegacion Multimedia.
Sistemas De Navegacion Multimedia.Sistemas De Navegacion Multimedia.
Sistemas De Navegacion Multimedia.
 
Diapositivas servicios web
Diapositivas servicios webDiapositivas servicios web
Diapositivas servicios web
 
Web 1.0, 2.0, 3.0,4.0
Web 1.0, 2.0, 3.0,4.0Web 1.0, 2.0, 3.0,4.0
Web 1.0, 2.0, 3.0,4.0
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Javascript
JavascriptJavascript
Javascript
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicion
 
Responsive Web Design (Diseño Web Adaptable)
Responsive Web Design (Diseño Web Adaptable)Responsive Web Design (Diseño Web Adaptable)
Responsive Web Design (Diseño Web Adaptable)
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Web 2.0 jose
Web 2.0 joseWeb 2.0 jose
Web 2.0 jose
 
Metodología PACIE
Metodología PACIEMetodología PACIE
Metodología PACIE
 
7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona
 
Proyectos multimedia
Proyectos multimediaProyectos multimedia
Proyectos multimedia
 

Similar a Resumen de las pautas WCAG 2.0 de W3C

Accesibilidad web y drupal 8
Accesibilidad web y drupal 8Accesibilidad web y drupal 8
Accesibilidad web y drupal 8Medio y forma
 
Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad webJose R. Hilera
 
Introducción a la accesibilidad web (para técnicos)
Introducción a la accesibilidad web (para técnicos)Introducción a la accesibilidad web (para técnicos)
Introducción a la accesibilidad web (para técnicos)Inés Laitano
 
Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0tayzee
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptxAngel Perez
 
Accesibilidad web. glosario.
Accesibilidad web. glosario.Accesibilidad web. glosario.
Accesibilidad web. glosario.José María
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3tayzee
 
Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Leonardo Graterol
 
La accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de informaciónLa accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de informaciónSocialBiblio
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0tayzee
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robustotayzee
 
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)Jose R. Hilera
 
DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101Leonardo Graterol
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas webmariavarey
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Fundamentos de sitios web accesibles 2012
Fundamentos de sitios web accesibles 2012Fundamentos de sitios web accesibles 2012
Fundamentos de sitios web accesibles 2012Daniel Seara
 

Similar a Resumen de las pautas WCAG 2.0 de W3C (20)

Accesibilidad web y drupal 8
Accesibilidad web y drupal 8Accesibilidad web y drupal 8
Accesibilidad web y drupal 8
 
Estándares de accesibilidad web
Estándares de accesibilidad webEstándares de accesibilidad web
Estándares de accesibilidad web
 
Introducción a la accesibilidad web (para técnicos)
Introducción a la accesibilidad web (para técnicos)Introducción a la accesibilidad web (para técnicos)
Introducción a la accesibilidad web (para técnicos)
 
Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Accesibilidad web. glosario.
Accesibilidad web. glosario.Accesibilidad web. glosario.
Accesibilidad web. glosario.
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3
 
Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101
 
La accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de informaciónLa accesibilidad de los productos digitales en unidades de información
La accesibilidad de los productos digitales en unidades de información
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robusto
 
Estandares web
Estandares webEstandares web
Estandares web
 
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
PAUTAS W3C DE ACCESIBILIDAD PARA HERRAMIENTAS DE EDICIÓN WEB (ATAG 2.0)
 
DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas web
 
UWE
UWEUWE
UWE
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Fundamentos de sitios web accesibles 2012
Fundamentos de sitios web accesibles 2012Fundamentos de sitios web accesibles 2012
Fundamentos de sitios web accesibles 2012
 

Más de Jose R. Hilera

Tema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaTema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaJose R. Hilera
 
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Jose R. Hilera
 
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaTema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaJose R. Hilera
 
Tema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaTema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaJose R. Hilera
 
Tema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasTema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasJose R. Hilera
 
Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Jose R. Hilera
 
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Jose R. Hilera
 
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Jose R. Hilera
 
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Jose R. Hilera
 
Desarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTDesarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTJose R. Hilera
 
Contenidos accesibles para las redes sociales
Contenidos accesibles para las redes socialesContenidos accesibles para las redes sociales
Contenidos accesibles para las redes socialesJose R. Hilera
 
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptEjemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptJose R. Hilera
 
Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0Jose R. Hilera
 
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webEjemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webJose R. Hilera
 
Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Jose R. Hilera
 
Metodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosMetodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosJose R. Hilera
 
Ontologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingOntologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingJose R. Hilera
 

Más de Jose R. Hilera (18)

Tema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia TecnológicaTema 3. Herramientas para laInteligencia Tecnológica
Tema 3. Herramientas para laInteligencia Tecnológica
 
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
Tema 2. Sistema de Inteligencia Tecnológica: Norma UNE 166006:2018
 
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia TecnológicaTema 1. Conceptos básicos sobre Inteligencia Tecnológica
Tema 1. Conceptos básicos sobre Inteligencia Tecnológica
 
Tema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vidaTema 4. Aprendizaje a lo largo de la vida
Tema 4. Aprendizaje a lo largo de la vida
 
Tema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologíasTema 5. Evaluación y comparación de tecnologías
Tema 5. Evaluación y comparación de tecnologías
 
Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)Patrón de diseño Modelo-Vista-Controlador (MVC)
Patrón de diseño Modelo-Vista-Controlador (MVC)
 
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
Evaluación de la accesibilidad de aplicaciones para dispositivos móviles apli...
 
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
Aspectos generales sobre accesibilidad de aplicaciones móviles (apps)
 
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
Accesibilidad de aplicaciones para dispositivos móviles aplicando el RD 1112/...
 
Desarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web RESTDesarrollo dirigido por modelo de servicios web REST
Desarrollo dirigido por modelo de servicios web REST
 
Perfiles UML
Perfiles UMLPerfiles UML
Perfiles UML
 
Contenidos accesibles para las redes sociales
Contenidos accesibles para las redes socialesContenidos accesibles para las redes sociales
Contenidos accesibles para las redes sociales
 
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScriptEjemplos WAI-ARIA con HTML, CSS y JavaScript
Ejemplos WAI-ARIA con HTML, CSS y JavaScript
 
Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0Herramientas de evaluación de accesibilidad web WCAG 2.0
Herramientas de evaluación de accesibilidad web WCAG 2.0
 
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página webEjemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
Ejemplo de corrección de errores de accesibilidad WCAG 2.0 en una página web
 
Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5Integración de WAI-ARIA en HTML5
Integración de WAI-ARIA en HTML5
 
Metodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelosMetodologías de ingeniería Web dirigida por modelos
Metodologías de ingeniería Web dirigida por modelos
 
Ontologies in Ubiquitous Computing
Ontologies in Ubiquitous ComputingOntologies in Ubiquitous Computing
Ontologies in Ubiquitous Computing
 

Último

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadJonathanHctorSilvaRo
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdheheheheheheheheheErickRolandoPadillaC1
 

Último (6)

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
 

Resumen de las pautas WCAG 2.0 de W3C

  • 1. Resumen de las Pautas de Accesibilidad de Contenido Web 2.0 WCAG 2.0 (2008) UNE 139803:2012 ISO/IEC 40500:2012 José R. Hilera, Universidad de Alcalá, 2014
  • 2. INDICE • Presentación • Organización de WCAG 2.0 • Documentación de referencia • Niveles de conformidad (A, AA, AAA) • Los 25 criterios de conformidad del nivel A • Los 13 criterios de conformidad adicionales para el nivel AA • Los 23 criterios de conformidad adicionales para el nivel AAA
  • 3. Accesibilidad de contenidos Web: UNE 139803 La norma española UNE 139803:2012 y la norma internacional ISO/IEC 40500:2012 son equivalentes a WCAG 2.0 Traducciones a español: - Traducción de la Fundación SIDAR - Traducción de Saúl González Fernández Establece requisitos para las páginas Web basados en 4 principios básicos: • 1. Deben ser perceptibles • 2. Deben ser operables • 3. Deben ser comprensibles • 4. Deben ser robustas
  • 4. Accesibilidad de contenidos Web: UNE 139803 Disponible en el Observatorio de Accesibilidad del Gobierno de España
  • 5. Accesibilidad de contenidos Web: UNE 139803 Organización de WCAG 2.0 (principios, pautas, criterios, técnicas y fallos) • Establece PRINCIPIOS (4) [Numerados como: 1, .., 4] • Los principios se descomponen en PAUTAS (12) [Numeradas como 1.1, 1.2, .., 4.1] • Las pautas se descomponen en CRITERIOS DE CONFORMIDAD (61) [Numerados como 1.1.1, 1.1.2, .., 4.1.2] • Para los criterios de conformidad se recomiendan TÉCNICAS Numeradas como • Técnicas generales: G1, G2, .., G203 • Técnicas sobre HTML: H2, H2, .., H94 • Técnicas sobre CSS: C6, C7, .., C30 • Técnicas sobre scripting en la parte cliente: SCR1, SCR2, .., SCR37 • Técnicas sobre scripting en la parte servidor: SVR1, SVR2, .., SVR5 • Técnicas sobre SMIL: SM1, SM2, .., SM14 • Técnicas sobre texto plano: T1, T2, T3 • Técnicas sobre ARIA: ARIA1, .., ARIA19 • Técnicas sobre Flash: FLASH1, FLASH2, .., FLASH36 • Técnicas sobre Silverlight: SL1, SL2, .., SL35 • Técnicas sobre PDF: PDF1, PDF2, .., PDF23 • Para los criterios de conformidad se describen FALLOS COMUNES [Numerados como F1, F2, .., F92]
  • 6. Accesibilidad de contenidos Web: UNE 139803Organización de WCAG 2.0 (requisitos) Establece 5 REQUISITOS DE CONFORMIDAD de obligado cumplimiento: 1. Nivel de conformidad: Para lograr conformidad con el Nivel A, AA o AAA, la página web satisface todos los Criterios de Conformidad del nivel, o proporciona una versión alternativa conforme al nivel. 2. Páginas completas: El nivel de conformidad se aplica a páginas web completas, y no se puede alcanzar si se excluye una parte de la página. 3. Procesos completos: Cuando una página web es parte de una serie de páginas web que presentan un proceso, todas las páginas en ese proceso deben ser conformes con el nivel especificado o uno superior. 4. Uso de tecnologías exclusivamente según métodos que sean compatibles con la accesibilidad: Para satisfacer los criterios de conformidad sólo se depende de aquellos usos de las tecnologías que sean compatibles con la accesibilidad. 5. Sin interferencia: Si las tecnologías se usan de una forma que no es compatible con la accesibilidad, o está usada de una forma que no cumple los requisitos de conformidad, no debe impedir a los usuarios acceder al contenido del resto de la página.
  • 7. Organización de WCAG 2.0: 4 Principios y 12 Pautas (Guidelines) 1 Perceptibilidad • 1.1 Proporcione alternativas textuales para todo contenido no textual, de manera que pueda modificarse 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.2 Proporcione alternativas sincronizadas para contenidos multimedia sincronizados dependientes del tiempo. • 1.3 Cree contenidos que puedan presentarse de diversas maneras (como por ejemplo una composición más simple) sin pérder la información ni su estructura. • 1.4 Haga más fácil para los usuarios ver y oir el contenido, incluyendo la separación entre primer plano y fondo. 2 Operabilidad • 2.1 Haga que toda funcionalidad esté disponible a través del teclado. • 2.2 Proporcione a los usuarios con discapacidades el tiempo suficiente para leer y usar un contenido. • 2.3 No diseñe un contenido de manera que se sepa que puede causar ataques. • 2.4 Proporcione medios que sirvan de ayuda a los usuarios con discapacidades a la hora de navegar, localizar contenido y determinar dónde se encuentran. 3 Comprensibilidad • 3.1 Haga el contenido textual legible y comprensible. • 3.2 Cree páginas web cuya apariencia y operabilidad sean predecibles. • 3.3 Ayude a los usuarios a evitar y corregir errores. 4 Robustez • 4.1 Maximice la compatibilidad con agentes de usuario actuales y futuros, incluyendo tecnologías asistivas.
  • 8. Accesibilidad de contenidos Web: UNE 139803 Documentación de referencia para WCAG 2.0 • Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 • Comprender las WCAG 2.0 • How to Meet WCAG 2.0 • Techniques for WCAG 2.0 • Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0 (DEMO) • Sito web oficial de la Web Accessibility Initiative (WAI) del World Wide Web Consortium
  • 9. WCAG 2.0: NIVEL AA Deben cumplirse 25 criterios de Conformidad • Principio 1. Perceptible (9) • Principio 2. Operable (9) • Principio 3. Comprensible (5) • Principio 4. Robusto (2) WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 10. WCAG 2.0: NIVEL A WCAG 2.0 Nivel A (25 Criterios de Conformidad)
  • 11. WCAG 2.0: NIVEL A PAUTA 1.1 ALTERNATIVAS TEXTUALES 1.1.1 Contenido no textual [ejemplos] • Todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito. Principio 1. Perceptible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 12. WCAG 2.0: NIVEL A PAUTA 1.2 MEDIOS TEMPODEPENDIENTES 1.2.1 Sólo audio y sólo vídeo (grabado) [ejemplos] • Para contenido sólo audio grabado se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido sólo audio grabado. • Para contenido sólo video grabado se proporciona una alternativa para los medios tempodependientes o se proporciona una pista sonora que presenta información equivalente al contenido del medio de sólo vídeo grabado. 1.2.2 Subtítulos (grabados) [ejemplos] • Se proporcionan subtítulos para el contenido de audio grabado dentro de contenido multimedia sincronizado, excepto cuando la presentación es un contenido multimedia alternativo al texto y está claramente identificado como tal. 1.2.3 Audiodescripción o Medio Alternativo (grabado) [ejemplos] • Se proporciona una alternativa para los medios tempodependientes o una audiodescripción para el contenido de vídeo grabado en los multimedia sincronizados, excepto cuando ese contenido es un contenido multimedia alternativo al texto y está claramente identificado como tal. Principio 1. Perceptible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 13. WCAG 2.0: NIVEL A PAUTA 1.3 ADAPTABLE 1.3.1 Información y relaciones [ejemplos] • La información, estructura y relaciones comunicadas a través de la presentación pueden ser determinadas por software o están disponibles como texto. 1.3.2 Secuencia significativa [ejemplos] • Cuando la secuencia en que se presenta el contenido afecta a su significado, se puede determinar por software la secuencia correcta de lectura. 1.3.3 Características sensoriales [ejemplos] • Las instrucciones proporcionadas para entender y operar el contenido no dependen exclusivamente de las características sensoriales de los componentes como su forma, tamaño, ubicación visual, orientación o sonido. Principio 1. Perceptible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 14. WCAG 2.0: NIVEL A PAUTA 1.4 DISTINGUIBLE 1.4.1 Uso del color [ejemplos] • El color no se usa como único medio visual para transmitir la información, indicar una acción, solicitar una respuesta o distinguir un elemento visual. 1.4.2 Control del audio [ejemplos] • Si el audio de una página web suena automáticamente durante más de 3 segundos, se proporciona ya sea un mecanismo para pausar o detener el audio, o un mecanismo para controlar el volumen del sonido que es independiente del nivel de volumen global del sistema. Principio 1. Perceptible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 15. WCAG 2.0: NIVEL A PAUTA 2.1 ACCESIBLE POR TECLADO 2.1.1 Teclado [ejemplos] • 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. 2.1.2 Sin trampas para el foco del teclado [ejemplos] • 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 usando sólo 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. Principio 2. Operable WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 16. WCAG 2.0: NIVEL A PAUTA 2.2 TIEMPO SUFICIENTE 2.2.1 Tiempo ajustable [ejemplos] • 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 • Ajustar: El usuario puede ajustar el límite de tiempo antes de alcanzar dicho límite en un rango amplio que es, al menos, diez veces mayor al tiempo fijado originalmente • Extender: Se advierte al usuario antes de que el tiempo expire y se le conceden al menos 20 segundos para extender el límite temporal con una acción simple (por ejemplo, "presione la barra de espacio") y el usuario puede extender ese límite de tiempo al menos diez veces • Excepción de tiempo real: El límite de tiempo es un requisito que forma parte de un evento en tiempo real (por ejemplo, una subasta) y no resulta posible ofrecer una alternativa al límite de tiempo • Excepción por ser esencial: El límite de tiempo es esencial y, si se extendiera, invalidaría la actividad • Excepción de 20 horas: El límite de tiempo es mayor a 20 horas Principio 2. Operable WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 17. WCAG 2.0: NIVEL A PAUTA 2.2 TIEMPO SUFICIENTE 2.2.2 Poner en pausa, detener, ocultar [ejemplos] • Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes: • Movimiento, parpadeo, desplazamiento: Para toda información que se mueve, parpadea o se desplaza, que (1) comienza automáticamente, (2) dura más de cinco segundos y (3) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, a menos que el movimiento, parpadeo o desplazamiento sea parte esencial de una actividad; 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 de actualización a menos que la actualización automática sea parte esencial de una actividad Principio 2. Operable WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 18. WCAG 2.0: NIVEL A PAUTA 2.3 CONVULSIONES 2.3.1 Umbral de tres destellos o menos [ejemplos] • 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. Principio 2. Operable WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 19. WCAG 2.0: NIVEL A PAUTA 2.4 NAVEGABLE 2.4.1 Evitar bloques [ejemplos] • Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web. 2.4.2 Titulado de páginas [ejemplos] • Las páginas web tienen títulos que describen su temática o propósito. 2.4.3 Orden del foco [ejemplos] • Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que preserva su significado y operabilidad. 2.4.4 Propósito de los enlaces (en contexto) [ejemplos] • 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 determinado por software, excepto cuando el propósito del enlace resultara ambiguo para los usuarios en general. Principio 2. Operable WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 20. WCAG 2.0: NIVEL A PAUTA 3.1 LEGIBLE 3.1.1 Idioma de la página [ejemplos] • El idioma predeterminado de cada página web puede ser determinado por software. Principio 3. Comprensible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 21. WCAG 2.0: NIVEL A PAUTA 3.2 PREDECIBLE 3.2.1 Al recibir el foco [ejemplos] • Cuando cualquier componente recibe el foco, no inicia ningún cambio en el contexto. 3.2.2 Al recibir entradas [ejemplos] • El cambio de estado en cualquier componente de la interfaz de usuario no provoca automáticamente un cambio en el contexto a menos que el usuario haya sido advertido de ese comportamiento antes de usar el componente. Principio 3. Comprensible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 22. WCAG 2.0: NIVEL A PAUTA 3.3 ENTRADA DE DATOS ASISTIDA 3.3.1 Identificación de errores [ejemplos] • Si se detecta automáticamente un error en la entrada de datos, el elemento erróneo es identificado y el error se describe al usuario mediante un texto. 3.3.2 Etiquetas o instrucciones [ejemplos] • Se proporcionan etiquetas o instrucciones cuando el contenido requiere la introducción de datos por parte del usuario. Principio 3. Comprensible WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 23. WCAG 2.0: NIVEL A PAUTA 4.1 COMPATIBLE 4.1.1 Procesamiento [ejemplos] • En los contenidos implementados mediante el uso de lenguajes de marcas: • los elementos tienen las etiquetas de apertura y cierre completas; • los elementos están anidados de acuerdo a sus especificaciones; • los elementos no contienen atributos duplicados y los ID son únicos, excepto cuando las especificaciones permitan estas características. 4.1.2 Nombre, función, valor [ejemplos] • Para todos los componentes de la interfaz de usuario: • el nombre y la función pueden ser determinados por software; • los estados, propiedades y valores que pueden ser asignados por el usuario pueden ser especificados por software; • y los cambios en estos elementos se encuentran disponibles para su consulta por las aplicaciones de usuario, incluyendo las ayudas técnicas. Principio 4. Robusto WCAG 2.0 Nivel A (Criterios de Conformidad)
  • 24. WCAG 2.0: NIVEL AA Deben cumplirse otros 13 Criterios de Conformidad • Principio 1. Perceptible (5) • Principio 2. Operable (3) • Principio 3. Comprensible (5) • Principio 4. Robusto (0) WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 25. WCAG 2.0: NIVEL AA PAUTA 1.2 MEDIOS TEMPODEPENDIENTES 1.2.4 Subtítulos (en directo) [ejemplos] • Se proporcionan subtítulos para todo el contenido de audio en directo de los multimedia sincronizados. 1.2.5 Audiodescripción (grabada) [ejemplos] • Se proporciona una audiodescripción para todo el contenido de vídeo grabado dentro de contenido multimedia sincronizado. Principio 1. Perceptible WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 26. WCAG 2.0: NIVEL AA Principio 1. Perceptible PAUTA 1.4 DISTINGUIBLE 1.4.3 Contraste (mínimo) [ejemplos] • La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos: • Textos grandes: Los textos de gran tamaño y las imágenes de texto de gran tamaño tienen una relación de contraste de, al menos, 3:1; • Incidental: Los textos o imágenes de texto que forman parte de un componente inactivo de la interfaz de usuario, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no tienen requisitos de contraste. • Logotipos: El texto que forma parte de un logo o nombre de marca no tiene requisitos de contraste mínimo. WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 27. WCAG 2.0: NIVEL AA Principio 1. Perceptible PAUTA 1.4 DISTINGUIBLE 1.4.4 Cambio de tamaño del texto [ejemplos] • A excepción de los subtítulos y las imágenes de texto, todo el texto puede ser ajustado sin ayudas técnicas hasta un 200 por ciento sin que se pierdan el contenido o la funcionalidad. 1.4.5 Imágenes de texto [ejemplos] • Si con las tecnologías que se están utilizando se puede conseguir la presentación visual deseada, se utiliza texto para transmitir la información en vez de imágenes de texto, excepto en los siguientes casos: • Configurable: La imagen de texto es visualmente configurable según los requisitos del usuario; • Esencial: Una forma particular de presentación del texto resulta esencial para la información que se transmite. WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 28. WCAG 2.0: NIVEL AA PAUTA 2.4 NAVEGABLE 2.4.5 Múltiples vías [ejemplos] • Se proporciona más de un camino para localizar una página web dentro de un conjunto de páginas web, excepto cuando la página es el resultado, o un paso intermedio, de un proceso. 2.4.6 Encabezados y etiquetas [ejemplos] • Los encabezados y etiquetas describen el tema o propósito. 2.4.7 Foco visible [ejemplos] • Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la cuál el indicador del foco del teclado resulta visible. Principio 2. Operable WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 29. WCAG 2.0: NIVEL AA PAUTA 3.1 LEGIBLE 3.1.2 Idioma de las partes [ejemplos] • El idioma de cada pasaje o frase en el contenido puede ser determinado por software, excepto los nombres propios, términos técnicos, palabras en un idioma indeterminado y palabras o frases que se hayan convertido en parte natural del texto que las rodea. Principio 3. Comprensible WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 30. WCAG 2.0: NIVEL AA Principio 3. Comprensible PAUTA 3.2 PREDECIBLE 3.2.3 Navegación coherente [ejemplos] • Los mecanismos de navegación que se repiten en múltiples páginas web dentro de un conjunto de páginas web aparecen siempre en el mismo orden relativo cada vez que se repiten, a menos que el cambio sea provocado por el propio usuario. 3.2.4 Identificación coherente [ejemplos] • Los componentes que tienen la misma funcionalidad dentro de un conjunto de páginas web son identificados de manera coherente. WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 31. WCAG 2.0: NIVEL AA Principio 3. Comprensible PAUTA 3.3 ENTRADA DE DATOS ASISTIDA 3.3.3 Sugerencias ante errores [ejemplos] • Si se detecta automáticamente un error en la entrada de datos y se dispone de sugerencias para hacer la corrección, entonces se presentan las sugerencias al usuario, a menos que esto ponga en riesgo la seguridad o el propósito del contenido. 3.3.4 Prevención de errores (legales, financieros, datos) [ejemplos] • Para las páginas 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 envían las respuestas del usuario a una prueba, se cumple al menos uno de los siguientes casos: • Reversible: El envío es reversible. • Revisado: Se verifica la información para detectar errores en la entrada de datos y se proporciona al usuario una oportunidad de corregirlos. • Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir la información antes de finalizar el envío de los datos WCAG 2.0 Nivel AA (Criterios de Conformidad)
  • 32. WCAG 2.0: NIVEL AA Deben cumplirse otros 23 Criterios de Conformidad • Principio 1. Perceptible (5) • Principio 2. Operable (3) • Principio 3. Comprensible (5) • Principio 4. Robusto (0) WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 33. WCAG 2.0: NIVEL A PAUTA 1.2 MEDIOS TEMPODEPENDIENTES 1.2.6 Lengua de señas (grabado) [ejemplos] • Se proporciona una interpretación a lengua de signos para todo contenido de audio pregrabado del contenido multimedia sincronizado. 1.2.7 Audiodescripción ampliada (grabada) [ejemplos] • Cuando las pausas en el audio de primer plano son insuficientes para permitir que la audiodescripción comunique el significado del vídeo, se proporciona una audiodescripción ampliada para todos los contenidos de vídeo grabado dentro de contenido multimedia sincronizado. 1.2.8 Medio alternativo (grabado) [ejemplos] • Se proporciona una alternativa para los medios tempodependientes, tanto para todos los contenidos multimedia sincronizados grabados como para todos los medios de sólo vídeo grabado. 1.2.9 Sólo audio (en directo) [ejemplos] • Se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido de sólo audio en directo. Principio 1. Perceptible WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 34. WCAG 2.0: NIVEL A PAUTA 1.4 DISTINGUIBLE 1.4.6 Contraste (mejorado) [ejemplos] • La presentación visual de texto e imágenes de texto tiene una relación de contraste de, al menos, 7:1, excepto en los siguientes casos: textos grandes, incidental, logotipos. 1.4.7 Sonido de fondo bajo o ausente [ejemplos] • Para el contenido de sólo audio grabado que (1) contiene habla en primer plano, (2) no es un CAPTCHA sonoro o un audiologo, y (3) que no es una vocalización cuya intención principal es servir como expresión musical (como el canto o el rap), se cumple al menos uno de los siguientes casos: • Ningún sonido de fondo, los sonidos de fondo pueden ser apagados, los sonidos de fondo son 20 decibelios más bajos que el discurso en primer plano. Principio 1. Perceptible WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 35. WCAG 2.0: NIVEL A PAUTA 1.4 DISTINGUIBLE 1.4.8 Presentación visual [ejemplos] • En la presentación visual de bloques de texto, se proporciona algún mecanismo para lograr lo siguiente: Los colores de fondo y primer plano pueden ser elegidos por el usuario, El ancho no es mayor de 80 caracteres o signos, El texto no está justificado, El espacio entre líneas es de, al menos, un espacio y medio dentro de los párrafos y el espacio entre párrafos es, al menos, 1.5 veces mayor que el espacio entre líneas, El texto se ajusta sin ayudas técnicas hasta un 200 por ciento de modo tal que no requiere un desplazamiento horizontal para leer una línea de texto en una ventana a pantalla completa. 1.4.9 Imágenes de texto (sin excepciones) [ejemplos] • Las imágenes de texto sólo se utilizan como simple decoración o cuando una forma de presentación particular del texto resulta esencial para la información transmitida. Principio 1. Perceptible WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 36. WCAG 2.0: NIVEL A PAUTA 2.1 ACCESIBLE POR TECLADO 2.1.3 Teclado (sin excepciones) [ejemplos] • Toda la funcionalidad del contenido se puede operar a través de una interfaz de teclado sin requerir una determinada velocidad en la pulsación de las teclas. Principio 2. Operable WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 37. WCAG 2.0: NIVEL A PAUTA 2.2 TIEMPO SUFICIENTE 2.2.3 Sin tiempo [ejemplos] • El tiempo no es parte esencial del evento o actividad presentada por el contenido, exceptuando los multimedia sincronizados no interactivos y los eventos en tiempo real. 2.2.4 Interrupciones [ejemplos] • El usuario puede postergar o suprimir las interrupciones, excepto cuando las interrupciones implican una emergencia. 2.2.5 Re-autentificación [ejemplos] • Cuando expira una sesión autentificada, el usuario puede continuar la actividad sin pérdida de datos tras volver a identificarse. Principio 2. Operable WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 38. WCAG 2.0: NIVEL A PAUTA 2.3 CONVULSIONES 2.3.2 Tres destellos [ejemplos] • Las páginas web no contienen nada que destelle más de tres veces por segundo. Principio 2. Operable WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 39. WCAG 2.0: NIVEL A PAUTA 2.4 NAVEGABLE 2.4.8 Ubicación [ejemplos] • Se proporciona información acerca de la ubicación del usuario dentro de un conjunto de páginas web. 2.4.9 Propósito de los enlaces (sólo enlaces) [ejemplos] • Se proporciona un mecanismo que permite identificar el propósito de cada enlace con sólo el texto del enlace, excepto cuando el propósito del enlace resultara ambiguo para los usuarios en general. 2.4.10 Encabezados de sección [ejemplos] • Se usan encabezados de sección para organizar el contenido • Nota: Este criterio de conformidad se refiere al contenido propiamente dicho, no a los componentes de la interfaz de usuario. Los componentes de la interfaz de usuario se tratan en el Criterio de Conformidad 4.1.2. Principio 2. Operable WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 40. WCAG 2.0: NIVEL A PAUTA 3.1 LEGIBLE 3.1.3 Palabras inusuales [ejemplos] • Se proporciona un mecanismo para identificar las definiciones específicas de palabras o frases usadas de modo inusual o restringido, incluyendo expresiones idiomáticas y jerga. 3.1.4 Abreviaturas [ejemplos] • Se proporciona un mecanismo para identificar la forma expandida o el significado de las abreviaturas. 3.1.5 Nivel de lectura [ejemplos] • Cuando un texto requiere un nivel de lectura más avanzado que el nivel mínimo de educación secundaria una vez que se han eliminado nombres propios y títulos, se proporciona un contenido suplementario o una versión que no requiere un nivel de lectura mayor a ese nivel educativo. 3.1.6 Pronunciación [ejemplos] • Se proporciona un mecanismo para identificar la pronunciación específica de las palabras cuando el significado de esas palabras, dentro del contexto, resulta ambiguo si no se conoce su pronunciación. Principio 3. Comprensible WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 41. WCAG 2.0: NIVEL A PAUTA 3.2 PREDECIBLE 3.2.5 Cambios a petición [ejemplos] • Los cambios en el contexto son iniciados únicamente a solicitud del usuario o se proporciona un mecanismo para detener tales cambios. Principio 3. Comprensible WCAG 2.0 Nivel AAA (Criterios de Conformidad)
  • 42. WCAG 2.0: NIVEL A PAUTA 3.3 ENTRADA DE DATOS ASISTIDA 3.3.5 Ayuda [ejemplos] • Se proporciona ayuda dependiente del contexto. 3.3.6 Prevención de errores (todos) [ejemplos] • Para las páginas web que requieren al usuario el envío de información, se cumple al menos uno de los siguientes caso: • Reversible: El envío es reversible. • Revisado: Se verifica la información para detectar errores en la entrada de datos y se proporciona al usuario una oportunidad de corregirlos. • Confirmado: Se proporciona un mecanismo para revisar, confirmar y corregir la información antes de finalizar el envío de los datos. Principio 3. Comprensible WCAG 2.0 Nivel AAA (Criterios de Conformidad)