![Page 1: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/1.jpg)
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
![Page 2: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/2.jpg)
Beneficios de la accesibilidadBeneficios de la accesibilidad
Ideas para el presente y para el Ideas para el presente y para el futurofuturo
![Page 3: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/3.jpg)
Emmanuelle Gutiérrez y Restrepo
La inaccesibilidad afecta La inaccesibilidad afecta a...a... Personas mayores Personas con discapacidad Personas con dispositivos
lentos o antiguos Personas con dispositivos muy
modernos
![Page 4: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/4.jpg)
Emmanuelle Gutiérrez y Restrepo
Aplicando las pautas...Aplicando las pautas...
La abuela puede
navegar con el Pc o
con Webtv
![Page 5: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/5.jpg)
Emmanuelle Gutiérrez y Restrepo
Aplicando las pautas...Aplicando las pautas... (II)
Las personas con discapacidad tendrán una integración plena
![Page 6: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/6.jpg)
Emmanuelle Gutiérrez y Restrepo
Aplicando las pautas...Aplicando las pautas... (IV)
Con dispositivos antiguos también se podrá comprar
Portátil baratito
![Page 7: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/7.jpg)
Emmanuelle Gutiérrez y Restrepo
Aplicando las pautas...Aplicando las pautas... (V)
La tecnología punta ...
¡Tampoco se quedará fuera!
![Page 8: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/8.jpg)
Emmanuelle Gutiérrez y Restrepo
Lo cual supone...Lo cual supone...
Beneficios Sociales
Beneficios Económicos
![Page 9: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/9.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 10: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/10.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 11: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/11.jpg)
Emmanuelle Gutiérrez y Restrepo
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)
![Page 12: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/12.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 13: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/13.jpg)
Emmanuelle Gutiérrez y Restrepo
CostosCostos
Desde el diseño = coste 0 (forma parte de la rutina de
trabajo)
Reforma = < 5% del presupuesto total (JJ.OO. Sidney)
![Page 14: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/14.jpg)
Emmanuelle Gutiérrez y Restrepo
Multiplataforma
Multiusuario
Accesibilidad = ¡Futuro!Accesibilidad = ¡Futuro!
![Page 15: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/15.jpg)
““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””
![Page 16: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/16.jpg)
Qué significa la accesibilidad
Ser accesible / Estar accesible
![Page 17: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/17.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 18: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/18.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 19: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/19.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 20: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/20.jpg)
Emmanuelle Gutiérrez y Restrepo
Barreras / discapacidad
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ú.
![Page 21: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/21.jpg)
Emmanuelle Gutiérrez y Restrepo
Barreras / discapacidad
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
![Page 22: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/22.jpg)
Emmanuelle Gutiérrez y Restrepo
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)
![Page 23: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/23.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 24: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/24.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 25: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/25.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 26: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/26.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 27: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/27.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 28: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/28.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 29: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/29.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 30: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/30.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 31: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/31.jpg)
Emmanuelle Gutiérrez y Restrepo
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.
![Page 32: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/32.jpg)
Emmanuelle Gutiérrez y Restrepo
4ª pauta de accesibilidad 2.0 Diseñe de manera compatible e
interoperativa.
Pautas viejas: 5, 6, 8, 9, 10 y 11.Usuarios: Todos.
![Page 33: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/33.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 34: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/34.jpg)
El SIDAR
Qué es / Qué ofrece
![Page 35: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/35.jpg)
Emmanuelle Gutiérrez y Restrepo
¿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
![Page 36: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/36.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 37: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/37.jpg)
Emmanuelle Gutiérrez y Restrepo
Grupos de trabajo
Traductores Traducción de documentos sobre
accesibilidad Legislación
Apoyo y preparación de iniciativas legislativas
![Page 38: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/38.jpg)
Emmanuelle Gutiérrez y Restrepo
¿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.)
![Page 39: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/39.jpg)
Emmanuelle Gutiérrez y Restrepo
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
![Page 40: Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato](https://reader033.vdocuments.co/reader033/viewer/2022051821/5665b43b1a28abb57c9036a0/html5/thumbnails/40.jpg)
Emmanuelle Gutiérrez y Restrepo
Gracias por la atención prestada
Sugerencias, comentarios, aportaciones varias, son
bienvenidas ;-)