1 Tema 3. 4: Pautas de Accesibilidad para el Contenido Web (WCAG) 2Tema 3.4: Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Diapositiva 1: Portada de la presentación Contenido: Tema 3.4: Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Asignatura Humanidades: “Evitando las barreras de accesibilidad en la Sociedad de la Información” OpenCourseWare de la Universidad Carlos III de Madrid Esta obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial-Compartirigual 3.0 España (http://creativecommons.org/licenses/by-nc-sa/3.0/es/deed.es) Logo licencia Creative Commons Reconocimiento-NoComercial-Compartirigual Asignatura Humanidades: “Evitando las barreras de accesibilidad en la Sociedad de la Información” OpenCourseWare de la Universidad Carlos III de Madrid Esta obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial-Compartirigual 3.0 España
2 Lourdes Moreno y Paloma Martínez, Grupo LabdaGuía Rápida de las WCAG 2.0 PRINCIPIO 1: PERCEPTIBLE: La información y los componentes de la interfaz de usuario tienen que ser presentados a los usuarios de forma que los puedan percibir. Pauta 1.1: Proporcionar alternativas textuales para el contenido no textual Pauta 1.2: Proporcionar subtítulos y alternativas para el contenido de audio y video Pauta 1.3: Hacer el contenido adaptable; y que esté disponible para los productos de apoyo Pauta 1.4: Usar un contraste suficiente para hacer el contenido fácil de ver y oír PRINCIPIO 2: OPERABLE: Los componentes de la interfaz de usuario y la navegación deben ser operables. Pauta 2.1: Hacer que toda la funcionalidad sea accesible mediante teclado Pauta 2.2: Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido Pauta 2.3: No usar contenido que tenga efectos dañinos para los usuarios Pauta 2.4: Ayudar a los usuarios a navegar y encontrar el contenido PRINCIPIO 3: COMPRENSIBLE: La información y el manejo del interfaz de usuario deben ser comprensibles. Pauta 3.1: Hacer el texto legible y comprensible Pauta 3.2: Hacer que el contenido se muestre y se interactúe con él de forma predecible Pauta 3.3: Ayudar a los usuarios a evitar y corregir errores PRINCIPIO 4: ROBUSTO: El contenido debe ser lo suficientemente robusto como para que pueda ser interpretado de forma fidedigna por una amplia variedad de agentes de usuario, incluyendo los productos de apoyo. Pauta 4.1: Maximizar la compatibilidad con las tecnologías actuales y futuras Diapositiva 2: Título: Guía rápida de las WCAG 2.0 Contenido: PRINCIPIO 1: PERCEPTIBLE: La información y los componentes de la interfaz de usuario tienen que ser presentados a los usuarios de forma que los puedan percibir. Pauta 1.1: Proporcionar alternativas textuales para el contenido no textual Pauta 1.2: Proporcionar subtítulos y alternativas para el contenido de audio y video Pauta 1.3: Hacer el contenido adaptable; y que esté disponible para los productos de apoyo Pauta 1.4: Usar un contraste suficiente para hacer el contenido fácil de ver y oír PRINCIPIO 2: OPERABLE: Los componentes de la interfaz de usuario y la navegación deben ser operables. Pauta 2.1: Hacer que toda la funcionalidad sea accesible mediante teclado Pauta 2.2: Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido Pauta 2.3: No usar contenido que tenga efectos dañinos para los usuarios Pauta 2.4: Ayudar a los usuarios a navegar y encontrar el contenido PRINCIPIO 3: COMPRENSIBLE: La información y el manejo del interfaz de usuario deben ser comprensibles. Pauta 3.1: Hacer el texto legible y comprensible Pauta 3.2: Hacer que el contenido se muestre y se interactúe con él de forma predecible Pauta 3.3: Ayudar a los usuarios a evitar y corregir errores PRINCIPIO 4: ROBUSTO: El contenido debe ser lo suficientemente robusto como para que pueda ser interpretado de forma fidedigna por una amplia variedad de agentes de usuario, incluyendo los productos de apoyo. Pauta 4.1: Maximizar la compatibilidad con las tecnologías actuales y futuras En todas las diapositivas hay un pie de página en el que pone: Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
3 Lourdes Moreno y Paloma Martínez, Grupo LabdaPerceptible (I) Principio 1: Perceptible La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos. Diapositiva 3: Título: Perceptible (I) Contenido: Principio 1: Perceptible La información y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
4 Lourdes Moreno y Paloma Martínez, Grupo LabdaPerceptible (II) Pauta 1.1: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple. Diapositiva 4: Título: Perceptible (II) Contenido: Pauta 1.1: Proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
5 1 Perceptible: 1.1 Proporcionar alternativas textuales1.1.1 Contenido no textual: Todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito, excepto en las situaciones enumeradas a continuación. (Nivel A) Diapositiva 5: Título: 1 Perceptible: 1.1 Proporcionar alternativas textuales Contenido: 1.1.1 Contenido no textual: Todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito, excepto en las situaciones enumeradas a continuación (Nivel A). En la diapositiva hay un imagen de la home del CESyA en la que se muestran los textos alternativos de las imágenes. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
6 Lourdes Moreno y Paloma Martínez, Grupo LabdaPerceptible (III) Pauta 1.2: Medios tempodependientes: Proporcionar alternativas para los medios tempodependientes. Diapositiva 6: Título: Perceptible (III) Contenido: Pauta 1.2: Medios tempodependientes: Proporcionar alternativas para los medios tempodependientes. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
7 1 Perceptible: 1.2 Proporcionar alternativas (I)1.2.1 Solo audio y solo vídeo (grabado): Para contenido solo audio grabado y contenido sólo vídeo grabado, se cumple lo siguiente, excepto cuando el audio o el vídeo es un contenido multimedia alternativo al texto y está claramente identificado como tal. (Nivel A) Solo audio grabado: Se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido sólo audio grabado. Solo vídeo 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. Diapositiva 7: Título: 1 Perceptible: 1.2 Proporcionar alternativas (I) Contenido: 1.2.1 Solo audio y solo vídeo (grabado): Para contenido sólo audio grabado y contenido sólo vídeo grabado, se cumple lo siguiente, excepto cuando el audio o el vídeo es un contenido multimedia alternativo al texto y está claramente identificado como tal. (Nivel A) Solo audio grabado: Se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido sólo audio grabado. Solo vídeo 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. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
8 1 Perceptible: 1.2 Proporcionar alternativas (II)1.2.2 Subtítulos (grabados): 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. (Nivel A) Diapositiva 8 Título: 1 Perceptible: 1.2 Proporcionar alternativas (II) Contenido: 1.2.2 Subtítulos (grabados): 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. (Nivel A) En la diapositiva hay una imagen de un vídeo con subtítulos. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
9 1 Perceptible 1.2 Proporcionar alternativas (III)1.2.3 Audiodescripción o Medio Alternativo (grabado): 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. (Nivel A) Diapositiva 9: Título: 1 Perceptible: 1.2 Proporcionar alternativas (III) Contenido: 1.2.3 Audiodescripción o Medio Alternativo (grabado): 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. (Nivel A) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
10 1 Perceptible: 1.2 Proporcionar alternativas (IV)1.2.4 Subtítulos (en directo): Se proporcionan subtítulos para todo el contenido de audio en directo de los multimedia sincronizados. (Nivel AA) Diapositiva 10: Título: 1 Perceptible: 1.2 Proporcionar alternativas (IV) Contenido 1.2.4 Subtítulos (en directo): Se proporcionan subtítulos para todo el contenido de audio en directo de los multimedia sincronizados. (Nivel AA) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
11 1 Perceptible: 1.2 Proporcionar alternativas (V)1.2.5 Audiodescripción (grabado): Se proporciona una audiodescripción para todo el contenido de vídeo grabado dentro de contenido multimedia sincronizado. (Nivel AA) Diapositiva 11: Título: 1 Perceptible: 1.2 Proporcionar alternativas (V) Contenido: 1.2.5 Audiodescripción (grabado): Se proporciona una audiodescripción para todo el contenido de vídeo grabado dentro de contenido multimedia sincronizado. (Nivel AA) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
12 1 Perceptible: 1.2 Proporcionar alternativas (VI)1.2.6 Lengua de señas (grabado): Se proporciona una interpretación en lengua de señas para todo el contenido de audio grabado dentro de contenido multimedia sincronizado. (Nivel AAA) Diapositiva 12: Título: 1 Perceptible. 1.2 Proporcionar alternativas (VI) Contenido: 1.2.6 Lengua de señas (grabado): Se proporciona una interpretación en lengua de señas para todo el contenido de audio grabado dentro de contenido multimedia sincronizado. (Nivel AAA) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
13 1 Perceptible: 1.2 Proporcionar alternativas (VII)1.2.7 Audiodescripción ampliada (grabada): 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. (Nivel AAA) Diapositiva 13 Título: 1 Perceptible. 1.2 Proporcionar alternativas (VII) Contenido: 1.2.7 Audiodescripción ampliada (grabada): 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. (Nivel AAA) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
14 1 Perceptible: 1.2 Proporcionar alternativas (VIII)1.2.8 Medio alternativo (grabado): 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. (Nivel AAA) Diapositiva 14: Título: 1 Perceptible. 1.2 Proporcionar alternativas (VIII) Contenido 1.2.8 Medio alternativo (grabado): 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. (Nivel AAA) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
15 1 Perceptible: 1.2 Proporcionar alternativas (IX)1.2.9 Sólo audio (en directo): Se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido de sólo audio en directo. (Nivel AAA) Diapositiva 15: Título: 1 Perceptible: 1.2 Proporcionar alternativas (IX) Contenido 1.2.9 Sólo audio (en directo): Se proporciona una alternativa para los medios tempodependientes que presenta información equivalente para el contenido de sólo audio en directo. (Nivel AAA) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
16 1 Perceptible: 1.2 Proporcionar alternativas (X)Nivel A Nivel AA Nivel AAA Grabado En directo Solo audio Transcripción textual (6) - Transcripción textual Solo vídeo Transcripción textual o Alternativa en audio (7) Transcripción textual o alternativa en audio Multimedia sincronizado Subtítulos (8) + Transcripción textual o Audiodescripción (9) Subtítulos + Audiodescripción Subtítulos Interpretación en lengua de señas (10) + Audiodescripción ampliada (11) + Transcripción textual Diapositiva 16: Título 1 Perceptible. 1.2 Proporcionar alternativas (X) Contenido: Tabla con los siguientes datos: Nivel A, solo audio, grabado, Transcripción textual (http://olgacarreras.blogspot.com.es/2012/08/tabla-resumen-de-los-requisitos-de.html#nota6) Nivel A, solo vídeo, grabado, Transcripción textual o alternativa en audio (http://olgacarreras.blogspot.com.es/2012/08/tabla-resumen-de-los-requisitos-de.html#nota7) Nivel A, multimedia sincronizado, Grabado, subtítulos (http://olgacarreras.blogspot.com.es/2012/08/tabla-resumen-de-los-requisitos-de.html#nota8) + transcripción textual o audiodescripción (http://olgacarreras.blogspot.com.es/2012/08/tabla-resumen-de-los-requisitos-de.html#nota9) Nivel A, solo audio, en directo, nada Nivel A, solo vídeo, en directo, nada Nivel A, multimedia sincronizado, en directo, nada Nivel AA, solo audio, grabado, Transcripción textual Nivel AA, solo vídeo, grabado, Transcripción textual o alternativa en audio Nivel AA, multimedia sincronizado, Grabado, subtítulos + audiodescripción Nivel AA, solo audio, en directo, nada Nivel AA, solo vídeo, en directo, nada Nivel AA, multimedia sincronizado, en directo, Subtítulos Nivel AAA, solo audio, grabado, nada Nivel AAA, solo vídeo, grabado, Transcripción textual Nivel AAA, multimedia sincronizado, Grabado, Interpretación en lengua de signos (http://olgacarreras.blogspot.com.es/2012/08/tabla-resumen-de-los-requisitos-de.html#nota10)+ audiodescripción ampliada (http://olgacarreras.blogspot.com.es/2012/08/tabla-resumen-de-los-requisitos-de.html#nota11) + transcripción textual Nivel AAA, solo audio, en directo, Transcripción textual Nivel AAA solo vídeo, en directo, nada Nivel AAA, multimedia sincronizado, en directo, Subtítulos (Blog de Olga carreras, 2012) (Blog de Olga carreras, 2012) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
17 Lourdes Moreno y Paloma Martínez, Grupo Labda1 Perceptible (IV) Pauta 1.3 Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura. Diapositiva 17: Título: 1 Perceptible (IV) Contenido: Pauta 1.3: Crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple) sin perder información o estructura. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
18 1 Perceptible 1.3 Crear contenido que pueda transformarse (I)1.3.1 Información y relaciones: 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. (Nivel A) Diapositiva 18: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (I) Contenido 1.3.1 Información y relaciones: 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. (Nivel A) Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
19 1 Perceptible 1.3 Crear contenido que pueda transformarse (II)1.3.1 Información y relaciones: Encabezados. Ejemplo de encabezados de página: Vista de agente de usuario o navegador resaltando con un herramientas los encabezados. Se puede apreciar en la figura que la página web contiene una estructura lógica. Para ello, en el HTML se hace uso de un primer encabezado (codificado mediante y representado con caja y el texto “Desde las universidades”), el cual representa el título de la sección principal de esta página y luego un conjunto de secciones que dividen la página (codificadas mediante
Diapositiva 19: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (II) Contenido 1.3.1 Información y relaciones: Encabezados. Ejemplo de encabezados de página: Vista de agente de usuario o navegador resaltando con un herramientas los encabezados. Se puede apreciar en la figura que la página web contiene una estructura lógica. Para ello, en el HTML se hace uso de un primer encabezado (codificado mediante y representados por cajas).
y representado con caja y el texto “Desde las universidades”), el cual representa el título de la sección principal de esta página y luego un conjunto de secciones que dividen la página (codificadas mediante
Imagen de la captura de pantalla de la web del CESyA. Aparecen resaltando los encabezados de la página. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda y representados por cajas).
20 1 Perceptible: 1.3 Crear contenido que pueda transformarse (III)1.3.1 Información y relaciones: Listas. Ejemplo de lista ordenada (vista HTML):
21 1 Perceptible 1.3 Crear contenido que pueda transformarse (IV)1.3.1 Información y relaciones: Tablas (I) Ejemplo del uso de los atributos SUMMARY y CAPTION (Vista HTML):
Diapositiva 21: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (IV) Contenido: 1.3.1 Información y relaciones: Tablas (I) Ejemplo del uso de los atributos SUMMARY y CAPTION (Vista HTML):
Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
22 1 Perceptible 1.3 Crear contenido que pueda transformarse (V)1.3.1 Información y relaciones: Tablas (II) Ejemplo de uso de los atributos ID y HEADERS (vista HTML):
Diapositiva 22: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (V) Contenido: 1.3.1 Información y relaciones: Tablas (II) Ejemplo de uso de los atributos ID y HEADERS (vista HTML): Trabajo Examenes Proyectos 1 2 Final 1 2 Final 15% 15% 15% 20% 10% 10% 15%
Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda Trabajo Examenes Proyectos 1 2 Final 1 2 Final 15% 15% 15% 20% 10% 10% 15%
23 1 Perceptible 1.3 Crear contenido que pueda transformarse (VI)1.3.1 Información y relaciones: Tablas (III) Vista de tabla en HTLM
Un sintetizador de voz podría leer esta tabla como sigue: Título: Tazas de café consumidas por cada senador Resumen: Esta tabla esquematiza el número de tazas de café consumidas por cada senador, el tipo de café (descafeinado o normal) y si se ha tomado con azúcar. Nombre: T. Sexton, Tazas: 10, Tipo: Espresso, Azúcar: No Nombre: J. Dinnen, Tazas: 5, Tipo: Descaf, Azúcar: Si Una aplicación de usuario visual podría mostrar la tabla como sigue: Diapositiva 23: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (VI) Contenido: 1.3.1 Información y relaciones: Tablas (III) Vista de tabla en HTLM Nombre Tazas Tipo de café ¿Azúcar? T. Sexton 10 Espreso No J. Dinnen 5 Descaf Si Nombre Tazas Tipo de café ¿Azúcar?
24 1 Perceptible 1.3 Crear contenido que pueda transformarse (VII)1.3.1 Información y relaciones: Formularios (I) Ejemplo de uso de FIELDSET y LEGEND: ... Ejemplo de elemento con LABEL asociado: Diapositiva 24: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (VII) Contenido: 1.3.1 Información y relaciones: Formularios (I) Ejemplo de uso de FIELDSET y LEGEND: ... Ejemplo de elemento con LABEL asociado: Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
25 1 Perceptible 1.3 Crear contenido que pueda transformarse (VIII)1.3.1 Información y relaciones: Formularios (II) Ejemplo de uso de optgroup: Diapositiva 25: Título:1 Perceptible. 1.3 Crear contenido que pueda transformarse (VIII) Contenido: 1.3.1 Información y relaciones: Formularios (II) Ejemplo de uso de optgroup: Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
26 1 Perceptible 1.3 Crear contenido que pueda transformarse (IX)1.3.2 Secuencia significativa: Cuando la secuencia en que se presenta el contenido afecta a su significado, se puede determinar por software la secuencia correcta de lectura. (Nivel A). Ejemplo 1: En un documento organizado en varias columnas, la presentación lineal del contenido fluye desde la parte superior de una columna a la parte inferior de esa columna, luego a la parte superior de la siguiente columna. Ejemplo 2: Se usa CSS para ubicar en la página una barra de navegación, el texto principal y un texto secundario. La presentación visual de las secciones no coincide con el orden determinado por software pero el significado de la página no depende del orden de las secciones. Diapositiva 26: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (IX) Contenido: 1.3.2 Secuencia significativa: Cuando la secuencia en que se presenta el contenido afecta a su significado, se puede determinar por software la secuencia correcta de lectura. (Nivel A). Ejemplo 1: En un documento organizado en varias columnas, la presentación lineal del contenido fluye desde la parte superior de una columna a la parte inferior de esa columna, luego a la parte superior de la siguiente columna. Ejemplo 2: Se usa CSS para ubicar en la página una barra de navegación, el texto principal y un texto secundario. La presentación visual de las secciones no coincide con el orden determinado por software pero el significado de la página no depende del orden de las secciones. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
27 1 Perceptible 1.3 Crear contenido que pueda transformarse (X)1.3.3 Características sensoriales: Las instrucciones proporcionadas para entender y operar el contenido no dependen exclusivamente en las características sensoriales de los componentes como su forma, tamaño, ubicación visual, orientación o sonido. (Nivel A) Contraejemplo: En la figura se dan instrucciones para realizar una descarga a partir de características sensoriales de ubicación visual. Diapositiva 27: Título: 1 Perceptible. 1.3 Crear contenido que pueda transformarse (X) Contenido: 1.3.3 Características sensoriales: Las instrucciones proporcionadas para entender y operar el contenido no dependen exclusivamente en las características sensoriales de los componentes como su forma, tamaño, ubicación visual, orientación o sonido. (Nivel A) Contraejemplo: En la figura se dan instrucciones para realizar una descarga a partir de características sensoriales de ubicación visual. Captura de una imagen que no se puede mostrar. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
28 Lourdes Moreno y Paloma Martínez, Grupo Labda1 Perceptible Pauta 1.4 Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo. Diapositiva 28: Título: 1 Perceptible Contenido: Pauta 1.4 Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
29 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (I)1.4.1 Uso del color: 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. (Nivel A) Nota: Este criterio de conformidad trata específicamente acerca de la percepción del color. En la Pauta 1.3 se recogen otras formas de percepción, incluyendo el acceso por software al color y a otros códigos de presentación visual. Diapositiva 29: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (I) Contenido: 1.4.1 Uso del color: 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. (Nivel A) Nota: Este criterio de conformidad trata específicamente acerca de la percepción del color. En la Pauta 1.3 se recogen otras formas de percepción, incluyendo el acceso por software al color y a otros códigos de presentación visual. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
30 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (II)1.4.2 Control del audio: 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. (Nivel A) Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario de emplear la página en su conjunto, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Contraejemplo: Un archivo de audio comienza a reproducirse automáticamente cuando se abre una página. Buenas prácticas: que el usuario puede detenerlo pulsando un enlace que dice "silencio", ubicado en la parte superior de la página. Diapositiva 30: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (II) Contenido: 1.4.2 Control del audio: 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. (Nivel A) Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario de emplear la página en su conjunto, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Contraejemplo: Un archivo de audio comienza a reproducirse automáticamente cuando se abre una página. Buenas prácticas: que el usuario puede detenerlo pulsando un enlace que dice "silencio", ubicado en la parte superior de la página. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
31 Lourdes Moreno y Paloma Martínez, Grupo Labda1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (III) 1.4.3 Contraste (mínimo): 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: (Nivel AA) 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. Ver apartado Recursos: Diapositiva 31: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (III) Contenido: 1.4.3 Contraste (mínimo): 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: (Nivel AA) 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. Ver apartado Recursos: Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
32 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (IV)1.4.4 Cambio de tamaño del texto: 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. (Nivel AA) Ejemplo: Una página web tiene un control que permite cambiar el tamaño de la página. Al seleccionar una configuración se cambia el esquema de la página para usar el diseño más adecuado para el tamaño elegido. Ejemplo: Un usuario utiliza el zoom de su aplicación de usuario para cambiar el tamaño del contenido. Todo el contenido se amplía de modo uniforme y la aplicación de usuario proporciona barras de desplazamiento si resultan necesarias. Diapositiva 32: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (IV) Contenido: 1.4.4 Cambio de tamaño del texto: 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. (Nivel AA) Ejemplo: Una página web tiene un control que permite cambiar el tamaño de la página. Al seleccionar una configuración se cambia el esquema de la página para usar el diseño más adecuado para el tamaño elegido. Ejemplo: Un usuario utiliza el zoom de su aplicación de usuario para cambiar el tamaño del contenido. Todo el contenido se amplía de modo uniforme y la aplicación de usuario proporciona barras de desplazamiento si resultan necesarias. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
33 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (V)1.4.5 Imágenes de texto: 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. (Nivel AA) 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. Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales. Diapositiva 33: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (V) Contenido: 1.4.5 Imágenes de texto: 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. (Nivel AA) 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. Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
34 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (VI)1.4.5 Imágenes de texto: Ejemplo En la figura se puede observar cómo se utilizan imágenes de texto tanto para el logotipo del CESyA como para los elementos “Sabado” y “AMADIS”. En estos casos los logotipos se consideran “esenciales”, ya que representan a su marca. Diapositiva 34: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (VI) Contenido: 1.4.5 Imágenes de texto: Ejemplo En la figura se puede observar cómo se utilizan imágenes de texto tanto para el logotipo del CESyA como para los elementos “Sabado” y “AMADIS”. En estos casos los logotipos se consideran “esenciales”, ya que representan a su marca. Captura de pantalla de la web del CESyA. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
35 Lourdes Moreno y Paloma Martínez, Grupo Labda1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (VII) 1.4.6 Contraste (mejorado): 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. (Nivel AAA) 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, 4.5:1. Incidental: Los textos o imágenes de texto que forman parte de un componente de la interfaz de usuario inactivo, 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. Diapositiva 35: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (VII) Contenido: 1.4.6 Contraste (mejorado): 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. (Nivel AAA) 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, 4.5:1. Incidental: Los textos o imágenes de texto que forman parte de un componente de la interfaz de usuario inactivo, 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. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
36 Lourdes Moreno y Paloma Martínez, Grupo Labda1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (VIII) 1.4.3 Contraste (mínimo) AA y Contraste (mejorado) AAA Diapositiva 36: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (VIII) Contenido: 1.4.3 Contraste (mínimo) AA y Contraste (mejorado) AAA Vista de pagina con poco contraste de colores Contraejemplo: no hay un contraste adecuado vista de página web con suficiente contraste de colores Ejemplo: sí hay un contraste adecuado Contraejemplo: no hay un contraste adecuado Ejemplo: sí hay un contraste adecuado Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
37 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (IX)1.4.7 Sonido de fondo bajo o ausente: 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: (Nivel AAA) Ningún sonido de fondo: El audio no contiene sonidos de fondo. Apagar: Los sonidos de fondo pueden ser apagados. 20 dB: Los sonidos de fondo son, al menos, 20 decibelios más bajos que el discurso en primer plano, con la excepción de sonidos ocasionales que duran solamente uno o dos segundos. Nota: Por la definición de "decibelio", el sonido de fondo que cumple con este requisito es aproximadamente cuatro veces más silencioso que la locución principal. La intención de este Criterio de Conformidad es asegurar que todos los sonidos no hablados sean suficientemente bajos como para que un usuario con dificultades auditivas pueda diferenciar la locución de los sonidos de fondo u otros ruidos. Diapositiva 37: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (IX) Contenido: 1.4.7 Sonido de fondo bajo o ausente: 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: (Nivel AAA) Ningún sonido de fondo: El audio no contiene sonidos de fondo. Apagar: Los sonidos de fondo pueden ser apagados. 20 dB: Los sonidos de fondo son, al menos, 20 decibelios más bajos que el discurso en primer plano, con la excepción de sonidos ocasionales que duran solamente uno o dos segundos. Nota: Por la definición de "decibelio", el sonido de fondo que cumple con este requisito es aproximadamente cuatro veces más silencioso que la locución principal. La intención de este Criterio de Conformidad es asegurar que todos los sonidos no hablados sean suficientemente bajos como para que un usuario con dificultades auditivas pueda diferenciar la locución de los sonidos de fondo u otros ruidos. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
38 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (X)1.4.8 Presentación visual: En la presentación visual de bloques de texto, se proporciona algún mecanismo para lograr lo siguiente: (Nivel AAA) Los colores de fondo y primer plano pueden ser elegidos por el usuario. El ancho no es mayor de 80 caracteres o signos (40 si es CJK). El texto no está justificado (alineado a los márgenes izquierdo y derecho a la vez). El espacio entre líneas (interlineado) 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. Diapositiva 38: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (X) Contenido: 1.4.8 Presentación visual: En la presentación visual de bloques de texto, se proporciona algún mecanismo para lograr lo siguiente: (Nivel AAA) Los colores de fondo y primer plano pueden ser elegidos por el usuario. El ancho no es mayor de 80 caracteres o signos (40 si es CJK). El texto no está justificado (alineado a los márgenes izquierdo y derecho a la vez). El espacio entre líneas (interlineado) 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. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
39 1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (XI)1.4.8 Presentación visual: (Nivel AAA) Ejemplo: Diapositiva 39: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (XI) Contenido: 1.4.8 Presentación visual: (Nivel AAA) Ejemplo: Imagen con ejemplo de texto a espacio y medio. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
40 Lourdes Moreno y Paloma Martínez, Grupo Labda1 Perceptible 1.4 Facilitar a los usuarios ver y oír el contenido (XII) 1.4.9 Imágenes de texto (sin excepciones): 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. (Nivel AAA) Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales. Diapositiva 40: Título: 1 Perceptible. 1.4 Facilitar a los usuarios ver y oír el contenido (XII) Contenido: 1.4.9 Imágenes de texto (sin excepciones): 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. (Nivel AAA) Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
41 Lourdes Moreno y Paloma Martínez, Grupo LabdaOperable (I) Principio 2: Operable Los componentes de la interfaz de usuario y la navegación deben ser operables. Diapositiva 41: Título: Operable (I) Contenido: Principio 2: Operable Los componentes de la interfaz de usuario y la navegación deben ser operables. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
42 Lourdes Moreno y Paloma Martínez, Grupo Labda2 Operable (II) Pauta 2.1: Proporcionar acceso a toda la funcionalidad mediante el teclado. Diapositiva 42: Título: 2 Operable (II) Contenido: Pauta 2.1: Proporcionar acceso a toda la funcionalidad mediante el teclado. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
43 2 Operable 2.1 Proporcionar acceso mediante el teclado (I)2.1.1 Teclado: Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, excepto cuando la función interna requiere de una entrada que depende del trayecto de los movimientos del usuario y no sólo de los puntos inicial y final. (Nivel A) Nota 1: Esta excepción se refiere a la función subyacente, no a la técnica de entrada de datos. Por ejemplo, si la entrada de texto se hace por medio de escritura a mano, la técnica de entrada (escritura a mano) depende del trazo (ruta trazada) pero la función interna (introducir texto) no. Nota 2: Esto no prohíbe ni debería desanimar a los autores a proporcionar entrada de ratón u otros métodos de entrada de datos adicionales a la operabilidad a través del teclado. Diapositiva 43: Título: 2 Operable. 2.1 Proporcionar acceso mediante el teclado (I) Contenido: 2.1.1 Teclado: Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas, excepto cuando la función interna requiere de una entrada que depende del trayecto de los movimientos del usuario y no sólo de los puntos inicial y final. (Nivel A) Nota 1: Esta excepción se refiere a la función subyacente, no a la técnica de entrada de datos. Por ejemplo, si la entrada de texto se hace por medio de escritura a mano, la técnica de entrada (escritura a mano) depende del trazo (ruta trazada) pero la función interna (introducir texto) no. Nota 2: Esto no prohíbe ni debería desanimar a los autores a proporcionar entrada de ratón u otros métodos de entrada de datos adicionales a la operabilidad a través del teclado. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
44 2 Operable 2.1 Proporcionar acceso mediante el teclado (II)2.1.2 Sin trampas para el foco del teclado: 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. (Nivel A) Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página por completo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia La intención de este Criterio de Conformidad es asegurarse que el contenido no "atrape" el foco del teclado dentro de secciones del contenido de una página web. Diapositiva 44: Título: 2 Operable. 2.1 Proporcionar acceso mediante el teclado (II) Contenido: 2.1.2 Sin trampas para el foco del teclado: 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. (Nivel A) Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página por completo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia La intención de este Criterio de Conformidad es asegurarse que el contenido no "atrape" el foco del teclado dentro de secciones del contenido de una página web. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
45 2 Operable 2.1 Proporcionar acceso mediante el teclado (III)2.1.3 Teclado (sin excepciones): 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. (Nivel AAA) La intención de este Criterio de Conformidad es asegurar que todo el contenido resulte operable con el teclado. Es lo mismo que en el Criterio de Conformidad 2.1.1, salvo que aquí no se admiten excepciones. Diapositiva 45: Título: 2 Operable. 2.1 Proporcionar acceso mediante el teclado (III) Contenido: 2.1.3 Teclado (sin excepciones): 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. (Nivel AAA) La intención de este Criterio de Conformidad es asegurar que todo el contenido resulte operable con el teclado. Es lo mismo que en el Criterio de Conformidad 2.1.1, salvo que aquí no se admiten excepciones. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
46 Lourdes Moreno y Paloma Martínez, Grupo Labda2 Operable (III) Pauta 2.2 Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido. Diapositiva 46: Título: 2 Operable (III) Contenido: Pauta 2.2 Proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
47 2 Operable 2.2 Proporcionar tiempo suficiente (I)2.2.1 Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos (Nivel A): Apagar. Ajustar. Extender. Excepción de tiempo real. Excepción por ser esencial. Excepción de 20 horas Diapositiva 47: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (I) Contenido: 2.2.1 Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos (Nivel A): Apagar. Ajustar. Extender. Excepción de tiempo real. Excepción por ser esencial. Excepción de 20 horas. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
48 2 Operable 2.2 Proporcionar tiempo suficiente (II)2.2.1 Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos (Nivel A), detalle (1/2): Apagar: El usuario puede detener el límite de tiempo antes de alcanzar el límite de tiempo; o Ajustar: El usuario puede ajustar el límite de tiempo antes de alcanzar dicho límite en un rango amplio que es, al menos, diez veces mayor al tiempo fijado originalmente; o Extender: Se advierte al usuario antes de que el tiempo expire y se le conceden al menos 20 segundos para extender el límite temporal con una acción simple (por ejemplo, "presione la barra de espacio") y el usuario puede extender ese límite de tiempo al menos diez veces; o Diapositiva 48: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (II) Contenido: 2.2.1 Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos (Nivel A), detalle (1/2): Apagar: El usuario puede detener el límite de tiempo antes de alcanzar el límite de tiempo; o Ajustar: El usuario puede ajustar el límite de tiempo antes de alcanzar dicho límite en un rango amplio que es, al menos, diez veces mayor al tiempo fijado originalmente; o Extender: Se advierte al usuario antes de que el tiempo expire y se le conceden al menos 20 segundos para extender el límite temporal con una acción simple (por ejemplo, "presione la barra de espacio") y el usuario puede extender ese límite de tiempo al menos diez veces; o Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
49 2 Operable 2.2 Proporcionar tiempo suficiente (III)2.2.1 Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos (Nivel A) detalle (2/2): Excepción de tiempo real: El límite de tiempo es un requisito que forma parte de un evento en tiempo real (por ejemplo, una subasta) y no resulta posible ofrecer una alternativa al límite de tiempo; o Excepción por ser esencial: El límite de tiempo es esencial y, si se extendiera, invalidaría la actividad; o Excepción de 20 horas: El límite de tiempo es mayor a 20 horas. Nota: Este criterio de conformidad ayuda a asegurarse de que los usuarios puedan completar una tarea sin cambios inesperados en el contenido o contexto que sean el resultado de un límite de tiempo. Este criterio de conformidad debe considerarse en combinación con el Criterio de Conformidad 3.2.1, que impone límites a los cambios de contenido o contexto como resultado de una acción del usuario. Contraejemplo: Una página web tiene un campo que se actualiza automáticamente con los últimos titulares de modo rotatorio. Diapositiva 49: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (III) Contenido: 2.2.1 Tiempo ajustable: Para cada límite de tiempo impuesto por el contenido, se cumple al menos uno de los siguientes casos (Nivel A) detalle (2/2): Excepción de tiempo real: El límite de tiempo es un requisito que forma parte de un evento en tiempo real (por ejemplo, una subasta) y no resulta posible ofrecer una alternativa al límite de tiempo; o Excepción por ser esencial: El límite de tiempo es esencial y, si se extendiera, invalidaría la actividad; o Excepción de 20 horas: El límite de tiempo es mayor a 20 horas. Nota: Este criterio de conformidad ayuda a asegurarse de que los usuarios puedan completar una tarea sin cambios inesperados en el contenido o contexto que sean el resultado de un límite de tiempo. Este criterio de conformidad debe considerarse en combinación con el Criterio de Conformidad 3.2.1, que impone límites a los cambios de contenido o contexto como resultado de una acción del usuario. Contraejemplo: Una página web tiene un campo que se actualiza automáticamente con los últimos titulares de modo rotatorio. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
50 2 Operable 2.2 Proporcionar tiempo suficiente (IV)2.2.2 Poner en pausa, detener, ocultar: Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes (Nivel A): 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. Diapositiva 50: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (IV) Contenido: 2.2.2 Poner en pausa, detener, ocultar: Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes (Nivel A): 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. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
51 2 Operable 2.2 Proporcionar tiempo suficiente (V)2.2.2 Poner en pausa, detener, ocultar (Nivel A) Nota 1: Para los requisitos relacionados con el parpadeo o el destello de contenido, véase la Pauta 2.3. Nota 2: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Nota 3: Para el contenido que es actualizado periódicamente por medio de un software, o que se sirve a la aplicación de usuario por medio de streaming, no hay obligación de preservar o presentar la información que ha sido generada o recibida entre el inicio de la pausa y el reinicio de la presentación; no sólo podría no ser técnicamente posible, sino que además en muchas ocasiones podría ser erróneo o engañoso hacerlo. Nota 4: Una animación que ocurre como parte de una fase de precarga de un contenido o una situación similar puede ser considerada esencial si no se permite interacción a ningún usuario durante esa fase, y si el hecho de no indicar el progreso pudiera confundir a los usuarios y hacerles creer que ha habido un fallo en el contenido. Diapositiva 51: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (V) Contenido: 2.2.2 Poner en pausa, detener, ocultar (Nivel A) Nota 1: Para los requisitos relacionados con el parpadeo o el destello de contenido, véase la Pauta 2.3. Nota 2: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Nota 3: Para el contenido que es actualizado periódicamente por medio de un software, o que se sirve a la aplicación de usuario por medio de streaming, no hay obligación de preservar o presentar la información que ha sido generada o recibida entre el inicio de la pausa y el reinicio de la presentación; no sólo podría no ser técnicamente posible, sino que además en muchas ocasiones podría ser erróneo o engañoso hacerlo. Nota 4: Una animación que ocurre como parte de una fase de precarga de un contenido o una situación similar puede ser considerada esencial si no se permite interacción a ningún usuario durante esa fase, y si el hecho de no indicar el progreso pudiera confundir a los usuarios y hacerles creer que ha habido un fallo en el contenido. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
52 2 Operable 2.2 Proporcionar tiempo suficiente (VI)2.2.3 Sin tiempo: 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. (Nivel AAA) La intención de este Criterio de Conformidad es minimizar la presencia de contenido que requiera interacción basada en el tiempo. Ejemplo: Un juego diseñado para competir por turnos. Cualquiera de los participantes puede detener el juego sin invalidar el aspecto competitivo del mismo. Diapositiva 52: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (VI) Contenido: 2.2.3 Sin tiempo: 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. (Nivel AAA) (La intención de este Criterio de Conformidad es minimizar la presencia de contenido que requiera interacción basada en el tiempo) Ejemplo: Un juego diseñado para competir por turnos. Cualquiera de los participantes puede detener el juego sin invalidar el aspecto competitivo del mismo. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
53 2 Operable 2.2 Proporcionar tiempo suficiente (VII)2.2.4 Interrupciones: El usuario puede postergar o suprimir las interrupciones, excepto cuando las interrupciones implican una emergencia. (Nivel AAA) Ejemplo: Configuración de las preferencias del usuario. La página de preferencias de un portal web incluye una opción para aplazar todas las actualizaciones y alertas hasta el final de la sesión actual, exceptuando las alertas relacionadas con emergencias. Diapositiva 53: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (VII) Contenido: 2.2.4 Interrupciones: El usuario puede postergar o suprimir las interrupciones, excepto cuando las interrupciones implican una emergencia. (Nivel AAA) Ejemplo: Configuración de las preferencias del usuario. La página de preferencias de un portal web incluye una opción para aplazar todas las actualizaciones y alertas hasta el final de la sesión actual, exceptuando las alertas relacionadas con emergencias. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
54 2 Operable 2.2 Proporcionar tiempo suficiente (VIII)2.2.5 Re-autentificación: Cuando expira una sesión autentificada, el usuario puede continuar la actividad sin pérdida de datos tras volver a identificarse. (Nivel AAA) La intención de este Criterio de Conformidad es permitir a los usuarios completar transacciones autentificadas que tienen tiempos límites por inactividad que podrían provocar que un usuario sea desconectado mientras está completando una transacción) Ejemplo: Identificación en un sitio de compras. Un usuario tarda tanto tiempo introducir los datos de su tarjeta de crédito que el plazo se agota mientras está realizando la compra. Cuando envía el formulario, el sitio devuelve una pantalla con otro formulario para volver a ingresar su datos de usuario. Una vez que el usuario se identifica nuevamente, el proceso de compra es restaurado con la misma información y en el mismo estado. Diapositiva 54: Título: 2 Operable. 2.2 Proporcionar tiempo suficiente (VIII) Contenido: 2.2.5 Re-autentificación: Cuando expira una sesión autentificada, el usuario puede continuar la actividad sin pérdida de datos tras volver a identificarse. (Nivel AAA) La intención de este Criterio de Conformidad es permitir a los usuarios completar transacciones autentificadas que tienen tiempos límites por inactividad que podrían provocar que un usuario sea desconectado mientras está completando una transacción) Ejemplo: Identificación en un sitio de compras. Un usuario tarda tanto tiempo introducir los datos de su tarjeta de crédito que el plazo se agota mientras está realizando la compra. Cuando envía el formulario, el sitio devuelve una pantalla con otro formulario para volver a ingresar su datos de usuario. Una vez que el usuario se identifica nuevamente, el proceso de compra es restaurado con la misma información y en el mismo estado. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
55 Lourdes Moreno y Paloma Martínez, Grupo Labda2 Operable (IV) Pauta 2.3 No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones. Diapositiva 55: Título: 2 Operable (IV) Contenido: Pauta 2.3 No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
56 2 Operable 2.3 No diseñar tal que provocar ataques (I)2.3.1 Umbral de tres destellos o menos: Las páginas web no contienen nada que destelle más de tres veces en un segundo, o el destello está por debajo del umbral de destello general y de destello rojo. (Nivel A) Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Diapositiva 56: Título: 2 Operable. 2.3 No diseñar tal que provocar ataques (I) Contenido: 2.3.1 Umbral de tres destellos o menos: Las páginas web no contienen nada que destelle más de tres veces en un segundo, o el destello está por debajo del umbral de destello general y de destello rojo. (Nivel A) Nota: En la medida en que cualquier contenido que no satisfaga este criterio puede interferir con la capacidad del usuario para emplear la página como un todo, todo contenido de la página web (tanto si satisface o no otros criterios de conformidad) debe satisfacer este criterio. Véase Requisito de Conformidad 5: Sin interferencia. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
57 2 Operable 2.3 No diseñar tal que provocar ataques (II)2.3.2 Tres destellos: Las páginas web no contienen nada que destelle más de tres veces por segundo. (Nivel AAA). Ejemplo: El enlace recuadrado en rojo está formado por un GIF animado que parpadea, sin embargo, lo hace a una velocidad reducida, por debajo de los umbrales de destello y menos de tres veces en cualquier periodo de un segundo.(ver en ) Diapositiva 57: Título: 2 Operable. 2.3 No diseñar tal que provocar ataques (II) Contenido: 2.3.2 Tres destellos: Las páginas web no contienen nada que destelle más de tres veces por segundo. (Nivel AAA). Ejemplo: El enlace recuadrado en rojo está formado por un GIF animado que parpadea, sin embargo, lo hace a una velocidad reducida, por debajo de los umbrales de destello y menos de tres veces en cualquier periodo de un segundo.(ver en ) Captura de pantalla de la web del CESyA con ejemplo de gif que parpadea. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
58 Lourdes Moreno y Paloma Martínez, Grupo Labda2 Operable (V) Pauta 2.4 Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran. Diapositiva 58: Título: 2 Operable (V) Contenido Pauta 2.4 Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
59 2 Operable 2.4 Proporcionar medios de navegación (I)2.4.1 Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web. (Nivel A) La intención de este Criterio de Conformidad es permitir a las personas que navegan secuencialmente a través del contenido acceder directamente a la información principal de la página web. Ejemplo: La página inicial de una agencia de noticias contiene una nota principal en el centro de la página, rodeada por varios bloques y barras laterales para publicidad, búsqueda y otros servicios. Existe un enlace en la parte superior de la página que permite saltar a la nota principal. Diapositiva 59: Título: 2 Operable. 2.4 Proporcionar medios de navegación (I) Contenido: 2.4.1 Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web. (Nivel A) La intención de este Criterio de Conformidad es permitir a las personas que navegan secuencialmente a través del contenido acceder directamente a la información principal de la página web. Ejemplo: La página inicial de una agencia de noticias contiene una nota principal en el centro de la página, rodeada por varios bloques y barras laterales para publicidad, búsqueda y otros servicios. Existe un enlace en la parte superior de la página que permite saltar a la nota principal. Asignatura OCW-UC3M: “Evitando la barreras de accesibilidad en la Sociedad de la Información", Lourdes Moreno y Paloma Martínez, Grupo Labda
60 2 Operable 2.4 Proporcionar medios de navegación (II)2.4.2 Titulado de páginas: Las páginas web tienen títulos que describen su temática o propósito. (Nivel A) Ejemplo: En página HTML: El título descriptivo de una página HTML está marcado con el elemento