Accesibilidad Web

¡Hola a todos! 🙌  Os voy a hablar sobre la accesibilidad web siguiendo estos pasos.

1) Accederemos a la Página: http://accesibilidadweb.dlsi.ua.es.

2) Revisaremos los contenidos y recursos que ofrece sobre accesibilidad web.

3) Vamos a hacer un análisis de la accesibilidad web de algunas páginas significativas que ofrecen la pagina http://accesibilidadweb.dlsi.ua.es y vamos a ver sus errores típicos de accesibilidad con su solución.

4) Vamos a hacer el análisis de accesibilidad de dos páginas web diferentes.

5) Por último vamos a buscar páginas web que apliquen las pautas de accesibilidad web. y que cumplan el Nivel de Conformidad "A", Nivel de Conformidad "Doble A" y Nivel de Conformidad "Triple A".

¿Qué es la accesibilidad web?.

La accesibilidad web tiene como objetivo lograr que las páginas web sean utilizables por el máximo número de personas, independientemente de sus conocimientos o capacidades personales e independientemente de las características técnicas del equipo utilizado para acceder a la Web. En la actualidad, no existe una definición formal y totalmente aceptada del concepto de accesibilidad web.Además, también existen una serie de mitos sobre la accesibilidad web que perduran desde hace años. Estos mitos se pueden resumir en que la accesibilidad web es cara y supone un coste extra en el desarrollo de un sitio web, sin que los beneficios sean importantes. Además, otro de los mitos que perdura es creer que la accesibilidad web sólo beneficia a las personas con discapacidad. Los beneficiarios de la accesibilidad web son todo el mundo.

Para lograr la accesibilidad, se han desarrollado diferentes pautas o guías que explican cómo se tienen que crear las páginas web para que sean accesibles.

¿Que es la World Wide Web Consortium? W3C.

La World Wide Web Consortium (W3C) es una organización independiente y neutral cuya principal actividad es desarrollar protocolos y directrices que aseguren el crecimiento de la Web a largo plazo.

Los estándares del W3C definen las partes claves que hacen que la World Wide Web funcione.

Los siguientes principios:

Web para todo el mundo: El valor social que aporta la Web, es que ésta hace posible la comunicación humana, el comercio y las oportunidades para compartir conocimiento. Uno de los objetivos principales del W3C es hacer que estos beneficios estén disponibles para todo el mundo, independientemente del hardware, software, infraestructura de red, idioma, cultura, localización geográfica, o habilidad física o mental.

Web desde cualquier dispositivo:  La cantidad de dispositivos diferentes para acceder a la Web ha crecido exponencialmente. Actualmente, los teléfonos móviles, teléfonos inteligentes, PDAs, sistemas de televisión interactiva, sistemas de respuesta de voz, puntos de información e incluso algunos pequeños electrodomésticos pueden acceder a la Web.

Pasos a seguir en la pagina http://accesibilidadweb.dlsi.ua.es una vez ya vistos los contenidos y recursos:

Prioridades y niveles:

 Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, 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.

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.

Ahora vamos a hacer un análisis de la accesibilidad web de dos paginas:

El MUNDO: http://www.elmundo.es/

Cosas buenas:

 

El sitio web ofrece una versión accesible

Hay 1 elemento link para navegación: Criterio de conformidad 2.4.5 (Nivel AA) ,Criterio de conformidad 2.4.8 (Nivel AAA) 

Se usan 69 elementos de encabezado: Criterio de conformidad 1.3.1 (Nivel A) ,Criterio de conformidad 2.4.10 (Nivel AAA) 

No se usan elementos para controlar la presentación visual: Criterio de conformidad 1.3.1 (Nivel A)

La página tiene un elemento title: Criterio de conformidad 2.4.2 (Nivel A)

Cosas malas:

En 2 casos los encabezados no están anidados correctamente: Criterio de conformidad 1.3.1 (Nivel A) , Criterio de conformidad 2.4.10 (Nivel AAA)

Se usa el elemento meta http-equiv para actualizar la página:  Criterio de conformidad 2.2.1 (Nivel A) ,Criterio de conformidad 2.2.4 , (Nivel AAA) Criterio de conformidad 3.2.5 (Nivel AAA) 

 

 Hay 2 imágenes sin alternativas textuales: Criterio de conformidad 1.1.1 (Nivel A) 

No existen enlaces para saltar bloques de contenido: Criterio de conformidad 2.4.1 (Nivel A)

El primer enlace de la página no lleva al contenido principal de la página: Criterio de conformidad 2.4.1 (Nivel A)

Hay 1 valor repetido en los atributos id: Criterio de conformidad 4.1.1 (Nivel A)

Hay 32 enlaces cuyo contenido es sólo una imagen sin alternativa textual: Criterio de conformidad 2.4.4 (Nivel A) ,Criterio de conformidad 2.4.9 (Nivel AAA) ,Criterio de conformidad 4.1.2 (Nivel A)

Hay 1 elemento iframe sin title: Criterio de conformidad 2.4.1 (Nivel A) ,Criterio de conformidad 4.1.2 (Nivel A)

Hay 70 enlaces con el mismo texto pero diferentes destinos:

Se usan 46 elementos o atributos HTML para controlar la presentación del texto: Criterio de conformidad 1.3.1 (Nivel A) ,Criterio de conformidad 1.4.4 (Nivel AA) ,Criterio de conformidad 1.4.5 (Nivel AA) , Criterio de conformidad 1.4.9 (Nivel AAA)

Hay 43 imágenes con el atributo alt nulo:  Criterio de conformidad 1.1.1 (Nivel A)

Hay 1 formulario sin un botón de envío: Criterio de conformidad 3.2.2 (Nivel A)

Antena 3: http://www.antena3.com/

Cosas Buenas:

Hay 1 elemento link para navegación: Criterio de conformidad 2.4.5 (Nivel AA)

Se usan 63 elementos de encabezado: Criterio de conformidad 1.3.1 (Nivel A)

No se usan atributos para controlar la presentación visual: Criterio de conformidad 1.3.1 (Nivel A), Nivel AA, Nivel AAA

 los controles de formulario tienen una etiqueta asociada:

No se usan elementos para controlar la presentación visual: Criterio de conformidad 1.3.1 (Nivel A) ,Criterio de conformidad 1.4.5 (Nivel AA) ,Criterio de conformidad 1.4.9 (Nivel AAA)

Se identifica el idioma principal de la página con el código "es": Criterio de conformidad 3.1.1 (Nivel A)

Todas las medidas en las CSS están expresadas con valores relativos: Criterio de conformidad 1.4.8 (Nivel AAA)

Todos los formularios tienen un botón de envío: Criterio de conformidad 3.2.2 (Nivel A)

El título de la página contiene 72 caracteres: Criterio de conformidad 2.4.2 (Nivel A)

Cosas malas:

Hay 4 casos de enlaces adyacentes que enlazan con el mismo recurso: Criterio de conformidad 1.1.1 (Nivel A) ,Criterio de conformidad 2.4.4 (Nivel A) ,Criterio de conformidad 2.4.9 (Nivel AAA)

Hay 15 imágenes sin alternativas textuales: Criterio de conformidad 1.1.1 (Nivel A)

En 149 casos, el atributo title de un enlace sólo repite el texto del enlace: Criterio de conformidad 2.4.4 (Nivel A) ,Criterio de conformidad 2.4.9 (Nivel AAA)

En 4 casos se usan medidas absolutas para indicar el ancho de un elemento: Criterio de conformidad 1.4.4 (Nivel AA) ,Criterio de conformidad 1.4.8 (Nivel AAA)

No existen enlaces para saltar bloques de contenido: Criterio de conformidad 2.4.1 (Nivel A)

Hay 18 enlaces cuyo contenido es sólo una imagen sin alternativa textual: Criterio de conformidad 2.4.4 (Nivel A) ,Criterio de conformidad 2.4.9 (Nivel AAA),Criterio de conformidad 4.1.2 (Nivel A)

Hay 71 enlaces con el mismo texto pero diferentes destinos: Criterio de conformidad 2.4.9 (Nivel AAA)

En 7 casos se especifican valores absolutos para el tamaño de las fuentes: Criterio de conformidad 1.4.4 (Nivel AA)