• Like
  • Save
Desarrollando con accesibilidad para la web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Desarrollando con accesibilidad para la web

  • 558 views
Published

Se describirá cómo desarrollar un portal web accesible desde el principio, introduciendo la accesibilidad desde la fase de diseño. …

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
558
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 10. Diseño
    • Perfil:
    • 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