PDF de programación - 6. Accesibilidad

Análisis y Diseño de Sistemas de
Información para Internet

ó

f

6. Accesibilidad
6. Accesibilidad

Luís Rodríguez Baena ([email protected])

Universidad Pontificia de Salamanca (campus Madrid)
Facultad de Informática

1

Diseño universal

Definición.

● El diseño universal es el diseño de productos y entornos para ser
● El diseño universal es el diseño de productos y entornos para ser

utilizados por el mayor número de personas sin necesidad de
adaptación o de un diseño especializado.

Consiste en desarrollar productos que puedan ser
Consiste en desarrollar productos que puedan ser
utilizados por todo el mundo, independientemente
de sus destrezas físicas o intelectuales.

Trata de dar servicios a todas las personas

d d

d

independientemente de su edad o habilidades, e
independientemente de contexto de uso.

p

l

Según los principios del diseño universal, lo
productos también deberían ser “vendibles”.
Deberían tener un coste adecuado
● Deberían tener un coste adecuado.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

2

2

Diseño universal:
Principiosp

Principio 1: Uso equitativo.

● El diseño es útil y comercialmente atractivo para personas con distintas habilidades.

Principio 2: Uso flexible

● El diseño se acomoda a un amplio rango de preferencias y habilidades individuales.

Principio 3: Simple e intuitivo

● El uso del diseño es fácil de entender independientemente de la experiencia conocimientos
● El uso del diseño es fácil de entender, independientemente de la experiencia, conocimientos,

habilidades lingüísticas o grado de concentración actual del usuario.

Principio 4: Información perceptible

● El diseño comunica de manera eficaz la información necesaria para el usuario, independientemente

de las condiciones ambientales o a las capacidades sensoriales del usuario
de las condiciones ambientales o a las capacidades sensoriales del usuario.

Principio 5: Tolerante a errores

● El diseño minimiza los riesgos y las consecuencias adversas de acciones accidentales o no

intencionadas.
i 6 B j

i

P i
Principio 6: Bajo esfuerzo físico.

fí i

f

● El diseño puede ser usado eficaz y confortablemente y con un mínimo de fatiga.

Principio 7: Tamaño y espacio para el acceso y uso

● Debe proporcionar el tamaño y el espacio apropiado para utilizar, alcanzar, manipular y
y

p p

p p

p

p

y

utilizar, independientemente del tamaño del cuerpo, la postura o la movilidad del usuario.

,

,

p

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

3

3

Accesibilidad

«el arte de asegurarse de que las instalaciones, por
ejemplo el acceso al Web hasta dónde sea posible
ejemplo, el acceso al Web, hasta dónde sea posible,
están a la disposición de la gente, sean o no personas

impedidas, física o psíquicamente»

Tim BERNERS-LEE

bilid d d

«usabilidad de un producto, servicio o facilidad por
personas con la más amplia variedad de habilidades»

ilid d

d t

i

i

f

Una idea común:

● La accesibilidad es útil para todas las personas.

Norma ISO 9241

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

4

4

Accesibilidad (II)

¿A quién afecta la accesibilidad?

● Algunos tipos de discapacidades están muy extendidas
● Algunos tipos de discapacidades están muy extendidas.

Por ejemplo, el daltonismo afecta al 8 por 100 de los hombres.

● El porcentaje de población mayor de 60 años cada vez es mayor.

A partir de los 60 años el número de personas con algún tipo de
A partir de los 60 años el número de personas con algún tipo de

discapacidad es del 50 por 1000 y a partir de los 70 del 100 por 1000.

Cada vez hay más población mayor de 65 años que accede a las

tecnologías de la información.

● Cada vez se utilizan los servicios de la sociedad de la información
● Cada vez se utilizan los servicios de la sociedad de la información

con dispositivos no estándares.
El desarrollo de aplicaciones accesibles favorece el acceso con teléfonos

móviles, PDA, etc.

● Las limitaciones cognitivas, sensoriales o motrices no están sólo

presentes en personas con discapacidad.
También se producen cuando se accede al producto en una situación o

entorno para el que no ha sido diseñado
entorno para el que no ha sido diseñado.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

5

5

Accesibilidad (III)

¿Por qué es importante aplicar criterios de

accesibilidad al software?
accesibilidad al software?
● Los usuarios pueden tener dificultades visuales, auditivas o de
movilidad que impiden procesar algunos tipos de información
(imágenes, información sonora, etc.).
P d

● Pueden tener dificultades en la compresión del texto.
● Es posible que no puedan manejar el teclado o el ratón o que no

ió d l t

lt d

difi

t

t

l

dispongan de ellos.

g

● Sus navegadores (agentes) pueden no representar información

gráfica, disponer de pantallas pequeñas o su conexión a Internet
puede ser lenta.

( g

) p

p

● Pueden no dominar el idioma del documento.
● Es posible que se encuentren en una situación en la que sus ojos u
● Es posible que se encuentren en una situación en la que sus ojos u

oídos estén ocupados (estar en un entorno ruidoso, o realizando otra
actividad como conducir un vehículo).

● Pueden no disponer de las últimas versiones de software.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

6

6

Ayudas técnicas

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

7

7

Accesibilidad Web

La accesibilidad Web consiste en permitir un acceso
universal a la Web independientemente del tipo de
universal a la Web independientemente del tipo de
hardware, software, infraestructura de red, idioma,
cultura, localización geográfica o capacidades de los
usuarios.

Beneficios.

● Incrementa la cuota de mercado y audiencia de la Web.

Ya que aumenta el número de usuarios potenciales.

● Mejora la eficiencia y el tiempo de respuesta
● Mejora la eficiencia y el tiempo de respuesta.

Ya que el código de páginas accesibles está más optimizado.

● Disminuye los tiempos de mantenimiento de la página.

Ya que el código accesible es más fácil de adaptar a distintos dispositivos, entornos,

● Reduce el tiempo de carga y el peso de las páginas Web.

Ya que separa la presentación del contenido lo que hace que el código HTML sea

etc.

más ligero.

● Demuestra responsabilidad social.
● Evidencia el cumplimiento de la ley.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

8

8

Accesibilidad Web (II)

Diseñar un servicio Web accesible no sólo será

ú
útil para aquellos usuarios con algún tipo de
discapacidad.
● Una página que pueda ser leída mediante un sintetizador de voz
● Una página que pueda ser leída mediante un sintetizador de voz

ú

será útil para personas con problemas de visión…
…pero también será imprescindible en situaciones en las que un

usuario no pueda utilizar la vista
usuario no pueda utilizar la vista.
○ Un ambiente oscuro, un dispositivo sin pantalla, cuando el usuario está

conduciendo un vehículo.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

9

9

Accesibilidad Web
¿Por qué las páginas no son accesibles?

p g

q

Muchos diseñadores han utilizado mal el código

HTML.
● Inicialmente HTML se diseñó para definir la estructura de un

documento.
El navegador representaba los elementos de la estructura con

distintos códigos visuales.

Los diseñadores utilizaron los elementos de la estructura para

establecer la presentación de las páginas.

● Con posterioridad aparecieron etiquetas HTML que modificaban la

presentación (fuente utilizada, color, alineación del texto).
Los desarrolladores de agentes de usuario (navegadores)
incorporaron etiquetas no estándar destinadas a dar una
representación visual más espectacular.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

10

10

Accesibilidad Web
¿Por qué las páginas no son accesibles? (II)

Problema:

● Algunos agentes de usuario utilizan las etiquetas para modificar la

forma de presentar el contenido.
Un lector de pantalla pueden utilizar las etiquetas de encabezamiento

( h1
(<h1>…</h1>) para dar más énfasis a la frase.
○ Si el diseñador la utiliza para cambiar el formato de la fuente los

á é f

/h1 )

d

i

l

f

resultados pueden ser incongruentes.

El usuario de un lector de pantalla también puede recibir información
El usuario de un lector de pantalla también puede recibir información
incongruente si se utilizan tablas para maquetar la estructura visual
del documento.
○ Los lectores de pantalla suelen leer las tablas indicando los
ó

encabezamientos de cada columna y leyendo la información por filas; si el
desarrollador de la página Web no ha tenido esto en cuenta puede que el
contenido se lea de forma desordenada y pierda su significado.

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

11

11

Accesibilidad Web
¿Por qué las páginas no son accesibles? (III)

Página Web maquetada con tablas

Página Web linealizada

Universidad Pontificia de Salamanca (Campus Madrid)

Facultad de Informática, Luís Rodríguez Baena, 2009

12

12

Principios básicos de las pautas de
accesibilidad

Hacer comprensible y nav