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.

1. Desarrollando con accesibilidad para la web Dámaso Velázquez Álvarez inico.usal.es · sid.usal.es · webprogramacion.com

2. Presentación Veremos los pasos y profesionales necesarios para conseguir desarrollar un Portal Web Corporativo Accesible desde la fase de diseño Caso de ejemplo: Servicio de Información sobre Discapacidad (http://sid.usal.es) Gran número de beneficios al tener un Portal Accesible Es más sencillo crear un portal accesible desde el diseño que “accesibilizar” uno ya existente 2 inico.usal.es · sid.usal.es · webprogramacion.com

3. Introducción Permitir el acceso de todos los usuarios a la información independientemente de la tecnología utilizada La información accesible beneficia a cualquier tipo de usuario Usuarios con discapacidad Usuarios de teléfonos móviles iPhone, Windows Mobile Usuarios de ultraportátiles, iPads … Posicionamiento en buscadores (SEO) Accesibilidad y Usabilidad Seguir las Pautas de Accesibilidad Web 3 inico.usal.es · sid.usal.es · webprogramacion.com

4. Ejemplos sobre los que trabajar Texto alternativo sobre las imágenes Título de los enlaces: Destino de los mismos Listas de elementos Contenidos alternativos (texto para PDF’s accesibles) Redacción sencilla Tablas correctamente etiquetadas Maquetación con capas en lugar de tablas No utilizar colores para transmitir información … 4 inico.usal.es · sid.usal.es · webprogramacion.com

5. La accesibilidad Web del Portal Páginas implementadas en XHTML 1.0 Objetivo: Cumplir la AAA de Accesibilidad Arquitectura en tres capas / fases Diseño Implementación Gestión 5 inico.usal.es · sid.usal.es · webprogramacion.com

6. Arquitectura (I) inico.usal.es · sid.usal.es · webprogramacion.com 6

7. Arquitectura (II) 7 inico.usal.es · sid.usal.es · webprogramacion.com

8. Utilización de recursos (I) inico.usal.es · sid.usal.es · webprogramacion.com 8

9. Utilización de recursos (II) inico.usal.es · sid.usal.es · webprogramacion.com 9

11. Equipo informático

12. Conocimientos de informática

13. Conocedor de las Pautas de Accesibilidad Web

14. Diseño de la base de datos

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. Imágenes  Textos alternativos

17. Enlaces  Título de los enlaces

18. ...10 inico.usal.es · sid.usal.es · webprogramacion.com

19. Implementación Perfil: Equipo informático Ej: Portal web de difusión de una Asociación Debería presentar al usuario los contenidos de manera accesible Obtiene los datos de la base de datos 11 inico.usal.es · sid.usal.es · webprogramacion.com

20. 12 inico.usal.es · sid.usal.es · webprogramacion.com http://sid.usal.es

21. http://www.webprogramacion.com inico.usal.es · sid.usal.es · webprogramacion.com 13

22. Gestión Perfil: Diseñada: Equipo informático y técnicos especialistas en tratamiento de la información (expertos) Gestionada: Especialistas en tratamiento de la información (expertos) Aplicación para la introducción de datos en la página Se deberían validar automáticamente cada nuevo contenido. Los portales han de ser accesibles en todo momento, no sólo al principio 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 14 inico.usal.es · sid.usal.es · webprogramacion.com

23. 15 inico.usal.es · sid.usal.es · webprogramacion.com

24. 16 inico.usal.es · sid.usal.es · webprogramacion.com

25. Validaciones del Portal Validación de los contenidos Validaciones automáticas TAW eXaminator HERA XHTML Validaciones manuales: Llevadas a cabo por el equipo informático del centro Validaciones periódicas de las páginas existentes y ante nuevos documentos 17 inico.usal.es · sid.usal.es · webprogramacion.com

26. Herramientas Navegador Firefox con extensiones específicas para Desarrollo Web y Accesibilidad Web Teléfono móvil Lector de pantalla Validador offline del TAW Herramientas propias de validación Diferentes versiones de navegadores Diferentes fabricantes Revisión de páginas sin estilo 18 inico.usal.es · sid.usal.es · webprogramacion.com

27. Graciashttp://www.webprogramacion.comhttp://twitter.com/webprogramacion 19 inico.usal.es · sid.usal.es · webprogramacion.com