accesibilidad web

2017.09.22
qu es?
 accesibilidad web

La accesibilidad web significa que personas con algn tipo de

discapacidad van a poder hacer uso de la web.

En concreto, al hablar de accesibilidad web se est haciendo referencia a

un diseo web que va a permitir que estas personas puedan percibir,
entender, navegar e interactuar con la web, aportando a su vez contenidos.

La accesibilidad web tambin beneficia a otras personas, incluyendo

personas de edad avanzada que han visto mermadas sus habilidades a
consecuencia de la edad.

La accesibilidad web engloba muchos tipos de discapacidades, incluyendo

problemas visuales, auditivos, fsicos, cognitivos, neurolgicos y del habla

Hablar de accesibilidad web es hablar de un acceso universal a la web,

independientemente del tipo de hardware, software, infraestructura de
red, idioma, cultura, localizacin geogrfica y capacidades de los usuarios.
ARIA
WCAG 1.0
 WCAG 1.0

Su funcin principal es guiar el diseo de pginas

Web hacia un diseo accesible, reduciendo de esta
forma barreras a la informacin.

WCAG consiste en pautas o guas que proporcionan

soluciones de diseo y que utilizan como ejemplo
situaciones comunes en las que el diseo de una
pgina puede producir problemas de acceso a la
informacin.

Las pautas contienen adems una serie de puntos de

verificacin que ayudan a detectar posibles errores.
cmo funciona?
 WCAG 1.0

La funcin principal es guiar el diseo de pginas web hacia un diseo accesible,

reduciendo de esta forma barreras a la informacin. WCAG consiste en pautas que
proporcionan soluciones de diseo y que utilizan como ejemplo situaciones comunes
en las que el diseo de una pgina puede producir problemas de acceso a la
informacin.

Las pautas contienen adems una serie de puntos de verificacin que ayudan a
detectar posibles errores. Cada punto de verificacin est asignado a uno de los niveles
de prioridad establecidos por las pautas.

Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que,
de otra manera, ciertos grupos de usuarios no podran acceder a la informacin del
sitio Web.

Prioridad 2: son aquellos puntos que un desarrollador Web debera cumplir ya que, si
no fuese as, sera muy difcil acceder a la informacin para ciertos grupos de usuarios.

Prioridad 3: son aquellos puntos que un desarrollador Web debera cumplir ya que, de
otra forma, algunos usuarios experimentaran ciertas dificultades para acceder a la
informacin.
 WCAG 1.0

En funcin a estos puntos de verificacin se establecen los niveles de

conformidad:

Nivel de Conformidad "A": todos los puntos de verificacin de prioridad 1 se

satisfacen.

Nivel de Conformidad "Doble A": todos los puntos de verificacin de

prioridad 1 y 2 se satisfacen.

Nivel de Conformidad "Triple A": todos los puntos de verificacin de

prioridad 1,2 y 3 se satisfacen.

Las pautas describen cmo hacer pginas Web accesibles sin sacrificar el
diseo, ofreciendo esa flexibilidad que es necesaria para que la informacin
sea accesible bajo diferentes situaciones y proporcionando mtodos que
permiten su transformacin en pginas tiles e inteligibles.
e.g.
 WCAG 1.0

Prioridad 1: Son aquellos puntos que un desarrollador web tiene que cumplir ya que, de
otra manera, ciertos grupos de usuarios no podran acceder a la informacin del sitio web.

Un ejemplo de prioridad 1 sera la identificacin clara de cualquier cambio de idioma que se

pueda producir en el texto de un documento. Es decir, si se utilizan diferentes idiomas es
necesario que cualquier cambio est claramente sealado con el atributo lang:

Un ejemplo de cdigo correcto sera el siguiente:

<p>

<q>Buenos das Philip</q>

<q lang="en">Good morning</q>. Respondi Philip en ingls.

<q>Qu tal ests?</q>

<q lang="fr">Trs bien.</q> Volvi a responder, en francs.

</p>
 WCAG 1.0

Prioridad 1: Son aquellos puntos que un desarrollador

web tiene que cumplir ya que, de otra manera, ciertos
grupos de usuarios no podran acceder a la informacin
del sitio web.

Otro ejemplo de prioridad 1 sera la utilizacin del atributo

alt para incorporar texto equivalente al contenido de una
imagen cuando se quieren utilizar grficos; esto permitira
que dispositivos o personas que no pueden visualizar los
grficos, obtengan una representacin alternativa textual.
El cdigo correspondiente sera:

<img src="wai.png" alt="Web Accessibility

Initiative" lang="en"/>
 WCAG 1.0

Prioridad 1: Son aquellos puntos que un desarrollador

web tiene que cumplir ya que, de otra manera, ciertos
grupos de usuarios no podran acceder a la informacin
del sitio web.

Otro ejemplo de prioridad 1 sera la utilizacin del atributo

alt para incorporar texto equivalente al contenido de una
imagen cuando se quieren utilizar grficos; esto permitira
que dispositivos o personas que no pueden visualizar los
grficos, obtengan una representacin alternativa textual.
El cdigo correspondiente sera:

<img src="wai.png" alt="Web Accessibility

Initiative" lang="en"/>
WCAG 2.0
 WCAG 2.0

Principio 1: Perceptibilidad - La informacin y los componentes de la interfaz de

usuario deben presentarse a los usuarios de la manera en que puedan percibirlos.
4 directrices y 22 criterios de cumplimiento.

Principio 2: Operabilidad - Los componentes de la interfaz de usuario y la

navegacin deben ser operables. : 4 directrices y 20 criterios de cumplimiento.

Principio 3: Comprensibilidad - La informacin y el manejo de la interfaz de

usuario deben ser comprensibles. : 3 directrices y 17 criterios de cumplimiento.

Principio 4: Robustez - El contenido debe ser lo suficientemente robusto como

para confiarse en su interpretacin por parte de una amplia variedad de agentes
de usuario, incluidas las tecnologas asistivas
 WCAG 2.0 Principio Directriz

Principio 1: Perceptible: la informacin y los componentes de la interfaz de

usuario deben ser mostrados a los usuarios en formas que ellos puedan entender.

Directriz 1.1: Texto alternativo: Proporciona texto alternativo para el

contenido que no sea textual, as podr ser transformado en otros formatos
que la gente necesite, como caracteres grandes, lenguaje braille, lenguaje oral,
smbolos o lenguaje ms simple.

Directriz 1.2: Contenido multimedia dependiente del tiempo: Proporcione

alternativas sincronizadas para contenidos multimedia sincronizados
dependientes del tiempo.

Directriz 1.3: Adaptable: Crear contenido que pueda ser presentado de

diferentes formas sin perder ni informacin ni estructura.

Directriz 1.4: Distinguible: Facilitar a los usuarios ver y escuchar el

contenido incluyendo la distincin entre lo ms y menos importante.
 WCAG 2.0 Principio Directriz

Principio 2: Operable: Los componentes de la interfaz de usuario y la navegacin

debe ser manejable.

Directriz 2.1: Teclado accesible: Poder controlar todas las funciones desde
el teclado.

Directriz 2.2: Tiempo suficiente: Proporciona tiempo suficiente a los

usuarios para leer y utilizar el contenido.

Directriz 2.3: Ataques epilpticos: No disear contenido que pueda causar

ataques epilpticos.

Directriz 2.4: Navegacin: Proporciona formas para ayudar a los usuarios a

navegar, a buscar contenido y a determinar donde estn estos.
 WCAG 2.0 Principio Directriz

Principio 3: Comprensible. La informacin y las operaciones de usuarios deben

ser comprensibles.

Directriz 3.1: Legible. Hacer contenido de texto legible y comprensible.

Directriz 3.2: Previsible: Hacer la apariencia y la forma de utilizar las

pginas web previsibles.

Directriz 3.3: Asistencia a la entrada de datos: los usuarios de ayuda

evitarn y corregirn errores.
 WCAG 2.0 Principio Directriz

Principio 4: Robustez: el contenido deber ser suficientemente robusto para que

pueda ser bien interpretado por una gran variedad de agentes de usuario,
incluyendo tecnologas de asistencia.

Directriz 4.1: Compatible: Maximiza la compatibilidad con los agentes de

usuario actuales y futuros, incluyendo tecnologas de asistencia.
 WCAG 2.0 Principio Directriz
Criterios de conformidad

Dentro de cada pauta se recoge un conjunto de criterios de conformidad (en

ingls, Success Criteria), redactados en forma de enunciados verificables sobre el
contenido web, y que pueden usarse para comprobar la conformidad de los
contenidos ya existentes con respecto a WCAG 2.0, o para desarrollar nuevos
contenidos de forma accesible y conforme a las pautas. Para atender a las
necesidades de los distintos grupos de usuarios y circunstancias, cada uno de los
criterios de conformidad est asociado a un nivel de conformidad que define el
nivel de exigencia del criterio. Los niveles de conformidad son: A (el menos
exigente), AA y AAA (el ms exigente).

Las siguientes listas se pueden emplear a modo de lista de verificacin de WCAG

2.0 (WCAG 2.0 checklist):

Criterios de conformidad de nivel A (25 criterios)

Criterios de conformidad de nivel AA (13 criterios)
Criterios de conformidad de nivel AAA (23 criterios)
 WCAG 2.0 Principios Directriz
Criterios de conformidad

Criterios de conformidad de nivel A

Son 25 criterios:

1.1.1 Contenido no textual

Todo contenido no textual que se presenta al usuario tiene una alternativa
textual que cumple el mismo propsito, excepto en las situaciones
enumeradas a continuacin.
 y porqu hacerlo ?