Ejemplos de WCAG 2.0

  • View
    29

  • Download
    1

Embed Size (px)

Text of Ejemplos de WCAG 2.0

Diapositiva 1

EJEMPLOS DE CUMPLIMIENTO DE CRITERIOS DE CONFORMIDAD WCAG 2.0Con cdigo HTML, CSS y JavaScript

Jos Ramn Hilera1ContenidoResumen WCAG 2.0Ejemplo HTML para criterio 1.1.1Ejemplo HTML para criterio 2.4.4Ejemplo HTML para criterio 3.1.1Ejemplo HTML para criterio 4.1.2Ms ejemplos HTML, CSS y JavaScriptEjemplos HTML del W3CEjemplos CSS del W3CEjemplos JavaScript del W3C2WCAG 2.0Principios bsicosPrincipio 1: Perceptible - La informacin y los componentes de la interfaz de usuario deben ser presentados a los usuarios de modo que ellos puedan percibirlos.Principio 2: Operable - Los componentes de la interfaz de usuario y la navegacin deben ser operables.Principio 3: Comprensible - La informacin y el manejo de la interfaz de usuario deben ser comprensibles.Principio 4: Robusto - El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las ayudas tcnicas.4WCAG 2.0Establece 4 principios bsicos1, 2, 3, 4Los principios se descomponen en 12 pautas 1.1, 1.2, , 4.1Las pautas se descomponen en 61 requisitos o criterios de conformidad1.1.1, 1.1.2, , 4.1.2El W3C sugiere algunas tcnicas y fallos como ejemplos tiles para cumplirlos usando diferentes tecnologas:HTML (tcnicas H), CSS (tcnicas C), JavaScript (tcnicas SCR), Flash, Silverlight, etc.

5WCAG 2.0Tres posibles niveles de conformidad

25 requisitos (criterios de conformidad)

13 requisitos (criterios de conformidad)

23 requisitos (criterios de conformidad)6

WCAG 2.07

WCAG 2.0 Ejemplo de criterio de conformidad PERCEPTIBLE1.1.1 Contenido no textualTodo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propsito

8

SiguienteSiguiente >

Pgina del congreso ATICA

...Contenido escrito en espaol...

WCAG 2.0 Ejemplo de criterio de conformidad ROBUSTO4.1.2 Nombre, funcin, valorPara todos los componentes de la interfaz de usuario: el nombre y la funcin pueden ser determinados por software

11 // Para teclado

. . .Ejemplo SCR2: Usar manejadores de eventos redundantes para ratn y teclado(Equivalencia de eventos)Evento ratnEvento equivalente para tecladoMousedownKeydownMouseupKeyupClickKeypressMouseoverFocusMouseoutBlur