Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato

Emmanuelle Gutiérrez y Restrepo

Accesibilidad en InternetAccesibilidad en InternetDiseño para TODOSDiseño para TODOS

XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real

Patronato sobre Discapacidad

Beneficios de la accesibilidadBeneficios de la accesibilidad

Ideas para el presente y para el Ideas para el presente y para el futurofuturo


La inaccesibilidad afecta La inaccesibilidad afecta a...a... Personas mayores Personas con discapacidad Personas con dispositivos

lentos o antiguos Personas con dispositivos muy

modernos


Aplicando las pautas...Aplicando las pautas...

La abuela puede

navegar con el Pc o

con Webtv


Aplicando las pautas...Aplicando las pautas... (II)

Las personas con discapacidad tendrán una integración plena


Aplicando las pautas...Aplicando las pautas... (IV)

Con dispositivos antiguos también se podrá comprar

Portátil baratito


Aplicando las pautas...Aplicando las pautas... (V)

La tecnología punta ...

¡Tampoco se quedará fuera!


Lo cual supone...Lo cual supone...

Beneficios Sociales

Beneficios Económicos


SocialesSociales

Incremento de la participación de Incremento de la participación de

personas con discapacidad en la personas con discapacidad en la

cibersociedadcibersociedad

Construcción de una sociedad Construcción de una sociedad

menos segregadora y más menos segregadora y más

integradoraintegradora


EconómicosEconómicos

IncrementoIncremento del número de del número de

usuarios que visitan las páginas de usuarios que visitan las páginas de

una institución o empresauna institución o empresa

Imagen de responsabilidad Imagen de responsabilidad

socialsocial que redunda en aumento del que redunda en aumento del

número de clientes o usuariosnúmero de clientes o usuarios


Datos a tener en cuentaDatos a tener en cuenta

Envejecimiento de la población

Incremento de la discapacidad (accidentes de tráfico, laborales y longevidad)


Datos a tener en cuenta Datos a tener en cuenta (II)(II) Prevalencia de la discapacidad

(Mejora de la salud pública y nivel de vida)

Poder adquisitivo de las personas mayores y con discapacidad


CostosCostos

Desde el diseño = coste 0 (forma parte de la rutina de

trabajo)

Reforma = < 5% del presupuesto total (JJ.OO. Sidney)


Multiplataforma

Multiusuario

Accesibilidad = ¡Futuro!Accesibilidad = ¡Futuro!

““El poder de la Web está en su universalidad. Que El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la todo el mundo pueda acceder, a pesar de la

discapacidad, es un aspecto esencialdiscapacidad, es un aspecto esencial.”.” Tim Berners-LeeTim Berners-Lee

Director Director del W3C del W3C e inventor de la “World Wide Webe inventor de la “World Wide Web””

Qué significa la accesibilidad

Ser accesible / Estar accesible


Ser accesible

Diseño de la interfaz Accesible (persona / circunstancia) Útil (fácil de usar, de navegar)

Lenguaje accesible Comprensible Correcto respecto a la discapacidad


Estar accesible

Los metatagsLos metatags Titular las páginasTitular las páginas Describir el contenido de la páginaDescribir el contenido de la página Definir las palabras claveDefinir las palabras clave

Publicar en InternetPublicar en Internet Los robots de búsquedaLos robots de búsqueda Terminología correcta / terminología Terminología correcta / terminología

comúncomún


Barreras / discapacidad

Deficiencias visuales: Gráficos sin etiquetar y vídeos sin

describir Tablas y marcos pobremente

marcados Incompatibilidad con lectores de

pantalla o carencia de atajos de teclado



Deficiencias auditivas: Falta de subtítulos Textos extensos sin ayudas visuales

Deficiencias físicas: Carencia de atajos de teclado o

apoyo al uso de un sólo pulsador para los comandos de menú.



Deficiencias cognitivas o neurológicas:

Carencia de una estructura consistente de navegación

Una presentación o lenguaje excesivamente complejos

Carencia de elementos ilustrativos Diseños parpadeantes o titilantes


Barreras / otras situacionesPersonas mayores (falta de destreza o

def.)Analfabetos, Analfabetos tecnológicos.Pantallas pequeñas (móviles), Web TV, Quioscos (ambiente ruidoso/mal luminado)Ancho de banda estrecho Tener los sentidos o las manos ocupadas

(conduciendo)


7 tipos de usuarios

1. Personas que no pueden ver, oír, moverse; o con dificultad para procesar cierta información.

2. Personas con dificultad para leer o comprender texto.

3. Personas que no manejen o no tengan un teclado o un ratón.


7 tipos de usuarios (II)

4. Personas que dispongan de una conexión lenta a Internet, una pantalla pequeña o que accedan desde un terminal o pantalla de sólo texto.

5. Personas que no hablan o no entienden con fluidez el idioma en que esté escrito el documento


7 tipos de usuarios (III)

6. Personas que se encuentran en una situación en la que sus ojos, oídos o manos están ocupadas u obstaculizadas.

7. Que accedan con navegadores antiguos, diferentes a los habituales, un navegador de voz o con un sistema operativo diferente.


Pautas de accesibilidad v. 1.01. Ofrezca alternativas equivalentes a los contenidos

visuales y sonoros.2. No confié sólo en el color. 3. Utilice lenguajes de marcado y estilos en cascada y

hágalo apropiadamente. 4. Especifique el lenguaje natural que se usa. 5. Cree tablas que se transformen airosamente. 6. Garantice que las características de nuevas

tecnologías en las páginas se transforman airosamente.

7. Garantice al usuario el control de los cambios del contenido tempo dependiente.


Pautas de accesibilidad v. 1.0

8. Garantice la accesibilidad directa de las interfaces de usuario incrustadas.

9. Diseñe de manera independiente del dispositivo. 10. Utilice soluciones provisionales. 11. Utilice las tecnologías y directrices del W3C. 12. Proporcione información contextual y de

orientación. 13. Proporcione mecanismos claros de navegación. 14. Garantice que los documentos sean claros y

simples.


Webmaster / Webmistress

A person responsible for the implementation of a Web site. Webmasters must be proficient in HTML as well as one or more scripting and interface languages such as JavaScript and Perl. They may also have experience with more than one type of Web server.

Computer Desktop Encyclopedia

Una persona responsable de la realización de un sitio Web. El Webmaster debe ser experto en HTML así como en uno o más lenguajes de “scripting” e interfaz tales como JavaScript y Perl. Pueden también tener experiencia con más de un tipo de servidor Web.


1ª Pauta de accesibilidad 2.0 Diseñe contenidos que permitan

que la presentación se haga de acuerdo con las preferencias y necesidades del usuario.

Pautas viejas: 1, 2, 3, 6, 8 y 9.Usuarios: Todos


2ª Pauta de accesibilidad 2.0 Diseñe contenidos que

permitan la interacción de acuerdo con las preferencias y necesidades del usuario.

Pautas viejas: 5, 7, 12 y 13Usuarios: 1, 2, y 7.


3ª pauta de accesibilidad 2.0 Diseñe para facilitar la

comprensión.

Pautas viejas: 2, 3, 4, 12 y 14Usuarios: 1, 2, 5 y 7.


4ª pauta de accesibilidad 2.0 Diseñe de manera compatible e

interoperativa.

Pautas viejas: 5, 6, 8, 9, 10 y 11.Usuarios: Todos.


Resumiendo pautas y usuariosTeniendo en cuenta

Diseñe de manera

Condición personal

Factores externos

Limitación tecnológica

ConfigurableP: 1, 2, 3, 6, 8 y 9

U: 1, 2, 3 y 5

U: 3 y 6 U: 4 y 7

ControlableP: 5, 7, 12 y 13

U: 1 y 2 U: 7

ComprensibleP: 2, 3, 4, 12 y 14

U: 1, 2, y 5 U: 7

CompatibleP: 5, 6, 8, 9, 10 y 11

U: 1, 2, 3 y 5

U: 3 y 6 U: 4 y 7

El SIDAR

Qué es / Qué ofrece


¿Qué es el SIDAR? www.sidar.org

Es un seminario permanente Es un seminario permanente abierto a la participación de abierto a la participación de

TODOSTODOS Grupos de interés Grupos de trabajo


Grupos de Interés

ACCESOWEB Lista de interés [email protected]

4 Grupos de Interés G1 Herramientas ([email protected])

G2 Contenidos ([email protected])

G3 Diseño ([email protected])

Iniciativas sobre discapacidad


Grupos de trabajo

Traductores Traducción de documentos sobre

accesibilidad Legislación

Apoyo y preparación de iniciativas legislativas


¿Qué puedo encontrar en el Sidar? Guía Breve de Accesibilidad Traducciones de pautas y

especificaciones (http://www.sidar.org/traduc/traduc.htm)

Tarjetas pro accesibilidad Documentos varios (eEurope,

InfoXXI, etc.)


Documentos prácticos

Inspector de puntos de controlhttp://www.sidar.org/traduc/checker.htm

Aplicando las pautashttp://www.sidar.org/emmy/compren/

Usuarios frente a la accesibilidad Metodología de revisión


Gracias por la atención prestada

Sugerencias, comentarios, aportaciones varias, son

bienvenidas ;-)

[email protected]

Documents

Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato