Fundamentos de sitios web accesibles

994 views
925 views

Published on

Se realizará un análisis práctico de las disposiciones y la manera de cumplir estas acerca de accesibilidad en sitios web.

A través de una serie de ejemplos llegarás a entender por qué son tan necesarias estas disposiciones.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
994
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Fundamentos de sitios web accesibles

  1. 1.
  2. 2.
  3. 3. Fundamentos <br />Motivaciones<br />Fundamentos (Internacionales)<br />Accessibility Standards and Guidelines in Telecommunications and Electronic and Information Technology (Sección 508)<br />http://www.access-board.gov/sec508/refresh/report/<br />UnderstandingAccessibility<br />https://www.hisoftware.com/subscribe.htm<br />Electronic Information Technology Accessibility Standards; Final Rule <br />http://www.hisoftware.com/uaes/uaccess-es.htm<br />
  4. 4. Fundamentos<br />Nacionales<br />UNE 139803: 2004<br />http://www.inteco.es/file/50363<br />Europea<br />CWA 15554:2006 <br />ftp://ftp.cenorm.be/PUBLIC/CWAs/e-Europe/WAC/CWA15554-00-2006-Jun.pdf<br />Legislaciones que la apoyan<br />http://www.inteco.es/Accesibilidad/Legislacion_2<br />
  5. 5. Certificación de Accesibilidad<br />Certificado de conformidad con la Norma 139803<br />Certificado AENOR - Marca N de Accesibilidad TIC<br />Certificado de conformidad con la Norma 139803<br />Gestión de los recursos<br />Elaboración y mantenimiento del sitio web<br />Gestión de proveedores<br />Tratamiento de reclamaciones de clientes<br />
  6. 6. Información útil<br />Guía Breve de Accesibilidad Web<br />http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad<br />Descripción de técnicas de accesibilidad en detalle<br />http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/<br />Versión 2 de la Guía de accesibilidad en preparación<br />http://www.w3.org/WAI/WCAG20/quickref<br />Última actualización, 14 de Octubre del 2010<br />
  7. 7. Versión 2 de la Guía de accesibilidad<br />
  8. 8. Versión 2 de la Guía de accesibilidad<br />Compuesto por<br />Principios <br />(que apuntan al sentido común)<br />Guías<br />(Que determinan formas de cumplir con los principios)<br />
  9. 9. Versión 2 de la Guía de accesibilidadPrincipios<br />Perceptible<br />La información y la interfaz debe presentarse en formas que cualquier usuario pueda percibir<br />Medios basados en tiempo<br />Proveer mecanismos alternativos<br />Adaptable<br />Crear contenido que pueda presentarse de distintas formas SIN PERDER información o estructura<br />Distinguible<br />Facilitar que los usuarios vean el contenido <br />Contraste<br />Audio nítido<br />
  10. 10. Versión 2 de la Guía de accesibilidadPrincipios<br />Operable<br />Los componentes de la interfaz y de navegación han de ser accesibles por cualquier mecanismo disponible<br />Teclado<br />Con suficiente tiempo<br />Sin “destellos”<br />Navegable<br />
  11. 11. Versión 2 de la Guía de accesibilidadPrincipios<br />Otros<br />Legible y entendible <br />(incluyendo identificación de idioma)<br />Predecible en su comportamiento<br />Robusto y consistente <br />Para poder ser accedido por múltiples medios<br />
  12. 12. Los sitios Web y accesibilidad<br />Originalmente diseñados para “verse bonito” no para ser accesible<br />Pautas generales de accesibilidad<br />Evitar muchos elementos en una misma página<br />Esto lleva a que una persona que dependa de un sistema de lectura automatizado deba esperar hasta encontrar el contenido buscado<br />Diseñar el contenido adaptable a tamaños de letra<br />Evitar representar contenido importante utilizando gráficos en forma exclusiva<br />
  13. 13. Aplicando los principios<br />
  14. 14. Perceptible (Conceptual)<br />No se usan tablas para “maquetar”<br />El diseño se basa en DIV<br />Las imágenes tienen texto alternativo<br /><asp:Imagerunat="server"<br />CssClass="imagenCabecera"<br />ImageUrl="~/SiteCollectionImages/HeadImage.jpg"<br />AlternateText="Imagen Cabecera Solid Quality Mentors"/><br /><ul><li>Si una imagen solo sirve de relleno
  15. 15. El texto alternativo es nulo
  16. 16. Que no es lo mismo que “No ponerlo y listo”</li></ul><asp:Imagerunat="server" <br />ImageUrl="~/SiteCollectionImages/HeadImageRight.jpg" <br />AlternateText="" /><br />
  17. 17. Asignación de tamaños<br />Los tipos de letras deben ser autoajustables<br />Casi todos los navegadores tienen capacidad de «zoom», pero no es lo mismo<br />Usar estilos en cascada<br />Sobre todo para los marcadores estándar<br />body {font-size: small; }<br />H1 {font-size: 22px; }<br />
  18. 18. Cuidado con los sitios bonitos<br />Flash, Silverlight, y demás cosos…<br />NO son adecuados para sitios accesibles<br />NO está bien, hacer un sitio «super» <br />y uno de «texto plano» accesible al que enviar a los que no vean bien<br />Misma funcionalidad, mismo resultado<br />Si es accesible, es accesible para todos<br />
  19. 19. Malo<br />
  20. 20. Bueno<br />
  21. 21. www.solidq.com/<br />Daniel A. Seara Director de Formación<br />España y Portugal<br />“Dani” dseara@solidq.com <br />http://blogs.solidq.com/dseara <br />

×