Accesibilidad web

8
Accesibilidad Web by Joaquin Lara Sierra is licensed under a Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional License. Creado a partir de la obra enhttp://w3c.es/Divulgacion/GuiasBreves/Accesibilidad . Puede hallar permisos más allá de los concedidos con esta licencia en http://www.edumatica.net Accesibilidad Web Joaquin Lara Sierra @joaquinls 1

description

Accesibilidad web Unitecnologica Joaquin Lara Sierra

Transcript of Accesibilidad web

Page 1: Accesibilidad web

Accesibilidad Web by Joaquin Lara Sierra is licensed under a Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional License. Creado a partir de la obra enhttp://w3c.es/Divulgacion/GuiasBreves/Accesibilidad. Puede hallar permisos más allá de los concedidos con esta licencia en http://www.edumatica.net

Accesibilidad Web

Joaquin Lara Sierra

@joaquinls

1

Page 2: Accesibilidad web

¿Qué es la Accesibilidad Web?

Hablar de Accesibilidad Web eshablar de un acceso universal a laWeb, independientemente del tipo dehardware, software, infraestructurade red, idioma, cultura, localizacióngeográfica y capacidades de losusuarios.

Iniciativa de Accesibilidad Web,conocida como WAI (Web AccessibilityInitiative).

2

Imagen: http://www.disenoparatodos.com/

Page 3: Accesibilidad web

¿Para qué sirve?

La idea principal radica en hacer la Web más accesiblepara todos los usuarios independientemente de lascircunstancias y los dispositivos involucrados a la hora deacceder a la información. Partiendo de esta idea, unapágina accesible lo sería tanto para una persona condiscapacidad, como para cualquier otra persona que seencuentre bajo circunstancias externas que dificulten suacceso a la información (en caso de ruidos externos, ensituaciones donde nuestra atención visual y auditiva noestán disponibles, pantallas con visibilidad reducida,etc.).

3

Page 4: Accesibilidad web

¿Cómo funciona?

• Para hacer el contenido Web accesible, se han desarrollado lasdenominadas Pautas de Accesibilidad al Contenido en la Web(WCAG), cuya función principal es guiar el diseño de páginas Webhacia un diseño accesible, reduciendo de esta forma barreras a lainformación. WCAG consiste en 14 pautas que proporcionansoluciones de diseño y que utilizan como ejemplo situacionescomunes en las que el diseño de una página puede producirproblemas de acceso a la información.

4

Page 5: Accesibilidad web

Niveles de prioridad establecidos por las pautas.

Prioridad 1:

• son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otramanera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.

Prioridad 2:

• son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así,sería muy difícil acceder a la información para ciertos grupos de usuarios.

Prioridad 3:

• son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma,algunos usuarios experimentarían ciertas dificultades para acceder a la información.

5

Page 6: Accesibilidad web

Niveles de conformidad

Nivel de Conformidad "A":

todos los puntos de

verificación de prioridad 1 se

satisfacen.

Nivel de Conformidad "Doble A":

todos los puntos de

verificación de prioridad 1 y 2 se satisfacen.

Nivel de Conformidad "Triple A":

todos los puntos de

verificación de prioridad 1,2 y 3 se satisfacen.

6

Page 7: Accesibilidad web

En resumen…

Las pautas describen cómo hacer páginas Web accesibles sin sacrificarel diseño, ofreciendo esa flexibilidad que es necesaria para que lainformación sea accesible bajo diferentes situaciones y proporcionandométodos que permiten su transformación en páginas útiles einteligibles.

7

Pautas de Accesibilidad para Herramientas de Autor

Pautas de Accesibilidad para XML

Pautas de Accesibilidad para Agentes de Usuario 1.0

Para tener en cuenta

Introducción a la Accesibilidad Web

Page 8: Accesibilidad web

Ejemplo

Un ejemplo de prioridad 1 sería la identificación clara de cualquiercambio de idioma que se pueda producir en el texto de un documento.Es decir, si se utilizan diferentes idiomas es necesario que cualquiercambio esté claramente señalado con el atributo lang:

8

Un ejemplo de código correcto sería el siguiente:

<p><q>Buenos días Philip</q><q lang="en">Good morning</q>. Respondió Philip en inglés.<q>¿Qué tal estás?</q><q lang="fr">Très bien.</q> Volvió a responder, pero esta vez en francés.

</p>