Desarrollando con accesibilidad para la web

763 views

Published on

Se describirá cómo desarrollar un portal web accesible desde el principio, introduciendo la accesibilidad desde la fase de diseño.
Se describirá un modelo en tres fases: diseño, implementación y gestión, estando presente en cada una de ellas la accesibilidad, describiendo el tipo de profesionales necesarios.
Se verán las ventajas de un desarrollo inicial accesible frente a un portal no accesible que se hace un trabajo de “accesibilización” posterior.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
763
On SlideShare
0
From Embeds
0
Number of Embeds
81
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desarrollando con accesibilidad para la web

  1. 1. Desarrollando con accesibilidad para la web<br />Dámaso Velázquez Álvarez<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  2. 2. Presentación<br />Veremos los pasos y profesionales necesarios para conseguir desarrollar un Portal Web Corporativo Accesible desde la fase de diseño<br />Caso de ejemplo: Servicio de Información sobre Discapacidad (http://sid.usal.es)<br />Gran número de beneficios al tener un Portal Accesible<br />Es más sencillo crear un portal accesible desde el diseño que “accesibilizar” uno ya existente<br />2<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  3. 3. Introducción<br />Permitir el acceso de todos los usuarios a la información independientemente de la tecnología utilizada<br />La información accesible beneficia a cualquier tipo de usuario<br />Usuarios con discapacidad<br />Usuarios de teléfonos móviles<br />iPhone, Windows Mobile<br />Usuarios de ultraportátiles, iPads …<br />Posicionamiento en buscadores (SEO)<br />Accesibilidad y Usabilidad<br />Seguir las Pautas de Accesibilidad Web<br />3<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  4. 4. Ejemplos sobre los que trabajar<br />Texto alternativo sobre las imágenes<br />Título de los enlaces: Destino de los mismos<br />Listas de elementos<br />Contenidos alternativos (texto para PDF’s accesibles)<br />Redacción sencilla<br />Tablas correctamente etiquetadas<br />Maquetación con capas en lugar de tablas<br />No utilizar colores para transmitir información<br />…<br />4<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  5. 5. La accesibilidad Web del Portal<br />Páginas implementadas en XHTML 1.0<br />Objetivo: Cumplir la AAA de Accesibilidad<br />Arquitectura en tres capas / fases<br />Diseño<br />Implementación<br />Gestión<br />5<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  6. 6. Arquitectura (I)<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />6<br />
  7. 7. Arquitectura (II)<br />7<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  8. 8. Utilización de recursos (I)<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />8<br />
  9. 9. Utilización de recursos (II)<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />9<br />
  10. 10. Diseño<br /><ul><li>Perfil:
  11. 11. Equipo informático
  12. 12. Conocimientos de informática
  13. 13. Conocedor de las Pautas de Accesibilidad Web
  14. 14. Diseño de la base de datos
  15. 15. Hay que evaluar los componentes que tendrá el portal, para que la base de datos tenga los campos que aseguren que dichos componentes sean accesibles
  16. 16. Imágenes  Textos alternativos
  17. 17. Enlaces  Título de los enlaces
  18. 18. ...</li></ul>10<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  19. 19. Implementación<br />Perfil: <br />Equipo informático<br />Ej: Portal web de difusión de una Asociación<br />Debería presentar al usuario los contenidos de manera accesible<br />Obtiene los datos de la base de datos<br />11<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  20. 20. 12<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />http://sid.usal.es<br />
  21. 21. http://www.webprogramacion.com<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />13<br />
  22. 22. Gestión<br />Perfil:<br />Diseñada: Equipo informático y técnicos especialistas en tratamiento de la información (expertos)<br />Gestionada: Especialistas en tratamiento de la información (expertos)<br />Aplicación para la introducción de datos en la página<br />Se deberían validar automáticamente cada nuevo contenido.<br />Los portales han de ser accesibles en todo momento, no sólo al principio<br />Los expertos no deberían tener en cuenta aspectos de accesibilidad, ya que la aplicación debería garantizar que los contenidos lleguen al usuario de forma accesible<br />14<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  23. 23. 15<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  24. 24. 16<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  25. 25. Validaciones del Portal<br />Validación de los contenidos<br />Validaciones automáticas<br />TAW<br />eXaminator<br />HERA<br />XHTML<br />Validaciones manuales: Llevadas a cabo por el equipo informático del centro<br />Validaciones periódicas de las páginas existentes y ante nuevos documentos<br />17<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  26. 26. Herramientas<br />Navegador Firefox con extensiones específicas para Desarrollo Web y Accesibilidad Web<br />Teléfono móvil<br />Lector de pantalla<br />Validador offline del TAW<br />Herramientas propias de validación<br />Diferentes versiones de navegadores<br />Diferentes fabricantes<br />Revisión de páginas sin estilo<br />18<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />
  27. 27. Graciashttp://www.webprogramacion.comhttp://twitter.com/webprogramacion<br />19<br />inico.usal.es · sid.usal.es · webprogramacion.com<br />

×