Diapositiva 1:
Portada:
Tema 3: Principios de diseño web accesibles
Lourdes Moreno, Paloma Martínez
Universidad Carlos III de Madrid
{lmoreno,pmf}@inf.uc3m.es
Asignatura Humanidades
“Evitando la barreras de accesibilidad en la Sociedad de la Información”
OpenCourseWare de la Universidad Carlos III de Madrid
Esta obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial-Compartirigual 3.0 España (http://creativecommons.org/licenses/by-nc-sa/3.0/es/deed.es)
Logo licencia Creative Commons Reconocimiento-NoComercial-Compartirigual
Diapositiva 2
Contenido:
La diapositiva tiene una imagen de una nube de tags utilizando palabras relativas ala accesibilidad y al desarrollo web.
Créditos de la image:
Autor de la imagen Jil Wright,
Ubicada en: https://www.flickr.com/photos/sunraven0/5451897212/in/photolist-71AcGb-3vKqN-9iLp6N-8D8m59-Cb4jN-7UUgDa-psLkFz-7UUgyx-7UXvYS-8xWKDW-9EQWz1-eKYnxe-DAho6-aPKHN2-5rqDjw-CtnFw-6oAP29-tXjYc-7bg2sC-5fpmGi-ax2PET-7UUhCB-6NXeZo-7UXvSY-nyVHsc-89uG1H-o7dwNA-6SukYq-hDJpTm-ekSQWN-eaaSsz-eaaSr8-ar9URY-7q1ZwY-eaaSxF-eagxBG-fvr1j9-7pX5zv-7q1ZzQ-nXJWuA-7bc7Zk-7q2fQ9-7pXkVn-5nVtPm-7pXkQk-7q2fKd-7VW2iC-7VW2cY-7VW26S-7VSKWD/,
Bajo licencia creative commons: https://creativecommons.org/licenses/by
Diapositiva 3
Título: Índice
Contenido:
Accesibilidad web
Beneficios de la accesibilidad web
Principios de diseño
Estándares de la Web. W3C
Iniciativa de la accesibilidad Web. WAI
WCAG 1.0
WCAG 2.0
Accesibilidad a los contenidos audiovisuales en la web
Evaluación de la accesibilidad web
Diapositiva 4
Título: Accesibilidad web:
Contenido:
Una Web es accesible cuando cualquier usuario pueda acceder a la Web independiente de sus características de acceso, y contextos de uso.
Nos encontramos que hay grupos de usuarios con barreras de accesibilidad y no pueden acceder a la Web, a estas personas se les priva del derecho de poder ejercer su ciudadanía.
La otra cara del progreso: La tecnología debería ser una herramienta integradora de muchas personas en la sociedad, y no lo contrario.
Grupos de usuarios afectados:
Directamente: Personas con discapacidad
Todos, Diversidad Funcional
Crece!! Discapacidad por envejecimiento
En la diapositiva hay una imagen con una ilustración de pantalla de ordenador con símbolo de la discapacidad
Diapositiva 5
Título: Accesibilidad Web. Beneficios de ser accesible:
Contenido:
Mejora la indexación y localización del sitio por buscadores. Participación en la Web semántica
Reducción del mantenimiento (consistencia)
Escalabilidad, crecimiento: nuevas líneas de negocio
Movilidad: móviles, PDA, TV
El numero de clientes que te dejas es considerable
Diapositiva 6
Título:Principios de Diseño WebContenido:
Separación de contenido, presentación y estructura.
En la diapositiva hay una imagen que muestra un esquema con los elementos de los estándares web:
Contenido: Texto, imágenes, vídeos, sonidos, animaciones y archivos.
CSS: permite definir cómo se presentará cada elemento del contenido:
¿Es el tipo de letra del párrafo verdana o arial?
CSS controla el formato y el posicionamiento de cada elemento del documento
CSS define la presentación del documento
XHTML: Permite definir qué es cada elemento del contenido
¿Es un párrafo un título, una lista, una imagen, un enlace, etc?
XHTML define la estructura del documento
Diapositiva 7
Título: Principios de Diseño Web “Accesible”. Diseño Centrado en el Usuario. Diseño Inclusivo
Contenido:
Contar con la participación del usuario en el proceso de diseño: Diseño y Evaluación
Utilización de técnicas de usabilidad
Diseño inclusivo:
Todo tipo de usuarios: Tener en cuenta que hay usuarios con discapacidad
Todo tipo de contextos de uso: Tener en cuenta la diversidad funcional
“Diseño para/con todos”
Diapositiva 8
Título: Estándares de la Web
Contenido:
El W3C desarrolla especificaciones técnicas y directrices a través de un proceso que ha sido diseñado para maximizar el consenso sobre el contenido de un informe técnico, de forma que se pueda asegurar la alta calidad técnica y editorial, así como obtener un mayor apoyo desde el W3C y desde la comunidad en general.
HTML, (X)HTML, XML, CSS, SMIL, etc.
En la diapositiva hay una imagen del logotipo de la W3C.
Diapositiva 9
Título: Estándares de la Web. HTML (HyperText Markup Language) (I)
Contenido:
Se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc.) así como los diferentes efectos que se quieren ofrecer (presentación: estética, situación espacial, …).
La presentación final es interpretada por un agente de usuario (como Internet Explorer, Chrome, Firefox, Safari, …)
Los documentos HTML son ficheros de texto que se pueden crear con cualquier editor de texto. También hay disponibles editores HTML (wysiwyg)[what you see is what you get])
Diapositiva 10
Título:Estándares de la Web. HTML (HyperText Markup Language) (II)
Contenido
Un documento está formado por elementos:
Títulos, párrafos, listas, tablas, ...
Para delimitar los elementos se utilizan etiquetas