Emmanuelle Gutiérrez y Restrepo Internet accesible Diseño para TODOS XXI Jornadas Europeas de Técnicas Avanzadas de Informática.

Slides:



Advertisements
Presentaciones similares
UD 4:Instalación y administración de servicios Web Introducción Jorge De Nova Segundo.
Advertisements

Rogelio Ferreira Escutia Unidad IV Desarrollo y Evaluación de Interfaces de Usuario Interfaces Hombre-Máquina.
Definición: En consecuencia, podemos definir la accesibilidad Web como la posibilidad de que un producto o servicio web pueda ser accedido y usado por.
Informática accesible para todo mundo.
II ENCUENTRO INTERNACIONAL DE PROYECTOS INCLUSIVOS EXITOSOS.
Calidad del Software Miguel Schlereth MartínezIntroducción ⃝Estándares Web es un término muy general utilizado para referirse a estándares y otras especificaciones.
Recopilación (De la Torre 2007) Maribel Angeles Guzmán.
Características generales de un servicio Web.
WWW (World Wide Web) Pedro José López Javier Díaz
Introducción al desarrollo de proyectos RIA.
DESARROLLO DE APLICACIONES Breves apuntes de accesibilidad
TALLER OpenCms Creación de un portal Fase de Análisis y Diseño Arquitectura de Información Diseño Gráfico Usabilidad y Accesibilidad Fase de Desarrollo.
ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia.
Aplicando las Pautas ¡¡Comprendiéndolas!!. El espíritu “El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad,
Accesibilidad Web.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Diccionario técnico.
Emmanuelle Gutiérrez y Restrepo Accesibilidad en Internet Diseño para TODOS XI Seminario sobre Discapacidad y Sistemas de Comunicación del Real Patronato.
Introducción Publicación en Internet con Microsoft Office Sevilla, junio de 2004 SalirIniciar.
Accesibilidad Emmanuelle Gutiérrez y R. Coordinadora del en las Redes.
ACCESIBILIDAD EN LA WEB Claudio Segovia. ¿Quiénes pueden tener problemas de accesibilidad? TODOS ACCESIBILIDAD EN LA WEB.
Usabilidad y accesibilidad en el diseño de sitios Web.
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
DESARROLLO DE PÁGINAS EN EL WEB Preparado por Prof. Edgar Lopategui Corsino.
IV Semana de la Interactividad 3 de noviembre de 2009.
Estudio de accesibilidad de la tienda online de adolfodominguez.com
Emmanuelle Gutiérrez y Restrepo Internet para TODOS Diseño de sitios Web accesibles.
UNIDAD 7 WEB Y HTML.
Gutiérrez y Restrepo1 Centros de Teleformación Accesibles.
Martínez Quechotl Alejandra 1° “F”. Internet es una gran red internacional de ordenadores. Permite, como todas las redes, compartir recursos. Es decir:
PRESENTACION DE INTERNET MARIA ELENA RESTREPO JARAMILLO.
HTML Prof. Oscar Marroquin Mollinedo. Desarrollo web Desarrollo web es un título algo arbitrario para el conjunto de tecnologías de software del lado.
Introducción a los Sistemas de Computo
OYUKY KUHN SORIA MYLENE ARELLANO.   Es el nombre de un documento o información electrónica adaptada para la World Wide Webdocumento World Wide Web 
Introducción WWW y estándares web Jesús Torres Cejudo.
Adobe Photoshop® (Ps) es una aplicación en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado para la edición,
¿Qué es Accesibilidad? Accesibilidad Web  acceso universal a la Web
Taller 5 1)Que es una pagina web? página web es el nombre de un documento o información electrónica adaptada para la world Wide web y que puede ser accedida.
Internet y Navegadores
Web accesible: Emmanuelle Gutiérrez y R. Coordinadora del Diseño para todos.
MOTORES DE BUSQUEDA.
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
¡BIENVENIDOS! “Ponemos la mejor tecnología al alcance de TI”
Realización de las tareas básicas de internet. ¿Qué es Internet? Podemos definir a Internet como una "red de redes", es decir, una red que no sólo interconecta.
UNITEC NEGOCIOS ELECTRÓNICOS ”DESARROLLO DE SOFTWARE ”
Punto 1 – Introducción al servicio Juan Luis Cano.
HTML.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.
TALLER de ACCESIBILIDAD WEB
BIENVENIDOS ESTE EQUIPO ESTA CONFORMADO POR ABRAHAM CASTRO RAUL MARTINEZ DAVID ROBLES.
Elementos básicos para sistemas WEB. Que es la WEB Web es una tecnología que opera sobre internet que lleva propuesta desde El sistema de documentos.
UNIVERSIDAD ESTATAL A DISTANCIA Escuela de Ciencias de la Educación Curso APLICACIONES DE LA INFORMÁTICA A LA EDUCACIÓN I Código: 993 GLOSARIO DE TÉRMINOS.
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
2.1 Conocer la terminología básica del software para diseñar una página Web
Emmanuelle Gutiérrez y Restrepo Diseño Web Accesible Beneficios e Inicio Emmanuelle Gutiérrez y Restrepo
 La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio.
TIPOS DE WEB.
Tecnólogo Gestión Administrativa
Accesibilidad, hojas de estilo en cascada y usted.
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
HTML y CSS Ignacio Saavedra Enero 2016 Basado en clases de Jeff Eppinger Liceo Zapallar.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
Tutorial Rehabilitation Reference Center support.ebsco.com.
1.ª Parte: Dónde y cómo buscar información.  Cuando se busca información sobre un tema, es necesario emplear una «estrategia de búsqueda» para optimizar.
Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Lenguaje XHTML.
Internet Infranet Protocolo World Wide Web Hipertexto Página web Sitio web Protocolo http Código HTML Editores HTML Portal Url Navegadores: A. Internet.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
UNIVERSIDAD DE PANAMÁ FACULTAD DE INFORMÁTICA PREPARADOR DIAMILETHZY DIAZ SUIRY GÓNDOLA.
objetivos y trayectoria
Transcripción de la presentación:

Emmanuelle Gutiérrez y Restrepo Internet accesible Diseño para TODOS XXI Jornadas Europeas de Técnicas Avanzadas de Informática

Beneficios de la accesibilidad Ideas para el presente y para el futuro

Emmanuelle Gutiérrez y Restrepo La inaccesibilidad afecta a... Personas mayores Personas con discapacidad Personas con dispositivos lentos o antiguos Personas con dispositivos muy modernos

Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... La abuela puede navegar con el Pc o con Webtv

Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... Aplicando las pautas... (II) Las personas con discapacidad tendrán una integración plena

Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... Aplicando las pautas... (IV) Con dispositivos antiguos también se podrá comprar Portátil baratito

Emmanuelle Gutiérrez y Restrepo Aplicando las pautas... Aplicando las pautas... (V) La tecnología punta... ¡Tampoco se quedará fuera!

Emmanuelle Gutiérrez y Restrepo Lo cual supone... Beneficios Sociales Beneficios Económicos

Emmanuelle Gutiérrez y Restrepo Sociales Incremento de la participación de personas con discapacidad en la cibersociedad Incremento de la participación de personas con discapacidad en la cibersociedad Construcción de una sociedad menos segregadora y más integradora Construcción de una sociedad menos segregadora y más integradora

Emmanuelle Gutiérrez y Restrepo Económicos Incremento del número de usuarios que visitan las páginas de una institución o empresa Incremento del número de usuarios que visitan las páginas de una institución o empresa Imagen de responsabilidad social que redunda en aumento del número de clientes o usuarios Imagen de responsabilidad social que redunda en aumento del número de clientes o usuarios

Emmanuelle Gutiérrez y Restrepo Datos a tener en cuenta Envejecimiento de la población Incremento de la discapacidad (accidentes de tráfico, laborales y longevidad)

Emmanuelle Gutiérrez y Restrepo Datos a tener en cuenta (II) Prevalencia de la discapacidad (Mejora de la salud pública y nivel de vida) Poder adquisitivo de las personas mayores y con discapacidad

Emmanuelle Gutiérrez y Restrepo Costos Desde el diseño = coste 0 (forma parte de la rutina de trabajo) Reforma = < 5% del presupuesto total (JJ.OO. Sidney)

Emmanuelle Gutiérrez y Restrepo Multiplataforma Multiusuario Accesibilidad = ¡Futuro!

“El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad, es un aspecto esencial.” Tim Berners-Lee Director del W3C e inventor de la “World Wide Web”

Fuentes de la accesibilidad Organismos promotores

Emmanuelle Gutiérrez y Restrepo Fuentes internacionales W3C – WAI Otros centros Center for Applied Special Technology (CAST) Center for Applied Special Technology (CAST) National Center for Accessible Media (NCAM), WGBH National Center for Accessible Media (NCAM) PASIG (Portuguese Accessibility Special Interest Group) PASIG Royal National Institute for the Blind's

Emmanuelle Gutiérrez y Restrepo Fuentes internacionales (II) Casas comerciales AccessAdobe AOL's Accessibility Policy Apple Computer, Disability Solutions IBM Accessibility Center Macromedia Accessibility Microsoft Accessibility Opera Software Sun Microsystem's Accessibility Program

Emmanuelle Gutiérrez y Restrepo Fuentes nacionales SIDAR (Seminario de Iniciativas sobre Discapacidad y Accesibilad en la Red Actividad auspiciada por el Real Patronato sobre Discapacidad) ONCE Accesibilidad Internet (CIDAT) W3aeiou

El SIDAR Organización y objetivos

Emmanuelle Gutiérrez y Restrepo ¿Qué es el SIDAR? Es un seminario permanente abierto a la participación de TODOS Grupos de interés Grupos de trabajo

Emmanuelle Gutiérrez y Restrepo ¿Cómo se organiza? ACCESOWEB Lista de interés gral. 3 Grupos de Interés G1 Herramientas ( ) G2 Contenidos ( ) G3 Diseño ( )

Emmanuelle Gutiérrez y Restrepo ¿Cómo se organiza? (II) Traductores Traducción de documentos sobre accesibilidad Legislación Apoyo y preparación de iniciativas legislativas

Emmanuelle Gutiérrez y Restrepo Objetivos del SIDAR Promover e impulsar un más amplio y correcto tratamiento de la discapacidad, y el diseño accesible para la navegación, en Internet. (Acciones de sensibilización) Promover e impulsar un más amplio y correcto tratamiento de la discapacidad, y el diseño accesible para la navegación, en Internet. (Acciones de sensibilización) Facilitar el intercambio de conocimientos y experiencias entre asociaciones y personas interesadas en la presencia de la discapacidad y en la accesibilidad en Internet. (Acciones de Información) Facilitar el intercambio de conocimientos y experiencias entre asociaciones y personas interesadas en la presencia de la discapacidad y en la accesibilidad en Internet. (Acciones de Información)

Emmanuelle Gutiérrez y Restrepo Objetivos del SIDAR (II) Prestar apoyo técnico para facilitar la integración de las pautas de estilo, la utilización de la CIDDM y las recomendaciones de accesibilidad en las páginas Web. (Acciones de Formación) Prestar apoyo técnico para facilitar la integración de las pautas de estilo, la utilización de la CIDDM y las recomendaciones de accesibilidad en las páginas Web. (Acciones de Formación) Estimular, establecer y mantener vías de investigación, información y documentación referidas a la presencia de la discapacidad y a la accesibilidad, en Internet. (Acciones de Información) Estimular, establecer y mantener vías de investigación, información y documentación referidas a la presencia de la discapacidad y a la accesibilidad, en Internet. (Acciones de Información)

La accesibilidad Ser accesible / Estar accesible

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

Emmanuelle Gutiérrez y Restrepo Estar accesible Los metatags Los metatags Titular las páginas Titular las páginas Describir el contenido de la página Describir el contenido de la página Definir las palabras clave Definir las palabras clave Publicar en Internet Publicar en Internet Los robots de búsqueda Los robots de búsqueda Terminología correcta / terminología común Terminología correcta / terminología común

Emmanuelle Gutiérrez y Restrepo Aplicando las pautas El concepto de Webmaster / Webmistress El lenguaje de las pautas Los ejemplos de las pautas Interrelación de los documentos del WAI

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.

Emmanuelle Gutiérrez y Restrepo El lenguaje de las pautas 1. Imágenes y animaciones. Use el atributo alt para describir la función de cada elemento visual.

Emmanuelle Gutiérrez y Restrepo Los ejemplos de las pautas

Emmanuelle Gutiérrez y Restrepo Interrelación de documentos WAI Cada una de las pautas de accesibilidad proporciona unos puntos de control de la accesibilidad que remiten a las técnicas de aplicación de cada punto Cada una de las pautas de accesibilidad, que se encuentran en: proporciona unos puntos de control de la accesibilidad que remiten a las técnicas de aplicación de cada punto, las cuales se encuentran en: Estas técnicas, que son generales, remiten a 3 documentos de técnicas más Estas técnicas, que son generales, remiten a 3 documentos de técnicas más:

Emmanuelle Gutiérrez y Restrepo Interrelación de comentos (II) Las Técnicas Nucleares que son aplicables a cualquier tecnología Las Técnicas Nucleares, y que son aplicables a cualquier tecnología. Las técnicas de HTML para las Pautas de Accesibilidad del Contenido Web 1.0 Estas técnicas son más específicas y aplicables a documentos redactados en HTML. Las técnicas de HTML para las Pautas de Accesibilidad del Contenido Web Estas técnicas son más específicas y aplicables a documentos redactados en HTML. Y, finalmente, las Técnicas CSS para las Pautas de Accesibilidad del Contenido Web 1.0 Que son específicas para la aplicación de las hojas de estilo en cascada. Y, finalmente, las Técnicas CSS para las Pautas de Accesibilidad del Contenido Web 1.0, que se Que son específicas para la aplicación de las hojas de estilo en cascada.

Emmanuelle Gutiérrez y Restrepo ¿Qué ofrece “Aplicando...”? Explicación de la Pauta Procedimiento de aplicación en FrontPage ®, HomeSite ®, HotMetal ®, Dreamwever ® y Amaya ® Ejemplos gráficos de buenas prácticas Ejemplos gráficos de prácticas anticuadas Ejemplos gráficos de malas prácticas Recomendación de utilidades para verificar

Emmanuelle Gutiérrez y Restrepo ¿Dónde se encuentra?

Emmanuelle Gutiérrez y Restrepo Estado del documento En desarrollo Concluida la explicación, ejemplos gráficos y forma de verificación. Faltan algunas descripciones de procedimiento Aportaciones de todo tipo serán bienvenidas y convenientemente citadas.

Emmanuelle Gutiérrez y Restrepo Otros documentos en esta línea Abreviaturas vs. Acrónimos Explica cuándo es necesario aplicar cada uno de estos elementos y cómo diferenciar la oportunidad de aplicar uno u otro. Estar accesible Desarrolla el concepto de "Estar accesible" El usuario frente a la accesibilidad La accesibilidad es en parte responsabilidad del usuario.

Emmanuelle Gutiérrez y Restrepo Gracias por la atención prestada Sugerencias, comentarios, aportaciones varias, son bienvenidas ;-)