Fundamentos●    Motivaciones●    Fundamentos (Internacionales)    ●        Accessibility Standards and Guidelines in      ...
Fundamentos●    Nacionales    ●        UNE 139803: 2004        –   http://www.inteco.es/file/50363●    Europea    ●       ...
Certificación de Accesibilidad●    Certificado de conformidad con la Norma 139803●    Certificado AENOR - Marca N de Acces...
Información útil●    Guía Breve de Accesibilidad Web    ●        http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad  ...
http://www.w3.org/WAI/VERSIÓN 2 DE LA GUÍA DEACCESIBILIDAD
Versión 2 de la Guía de accesibilidad●    Compuesto por    ●        Principios        –   (que apuntan al sentido común)  ...
Versión 2 de la Guía de accesibilidad                                 Principios●    Perceptible         –   La informació...
Versión 2 de la Guía de accesibilidad                              Principios●    Operable    ●        Los componentes de ...
Versión 2 de la Guía de accesibilidad                           Principios●    Otros    ●        Legible y entendible     ...
Los sitios Web y accesibilidad●    Originalmente diseñados para “verse bonito” no    para ser accesible●    Pautas general...
APLICANDO LOS PRINCIPIOS
Perceptible (Conceptual)●    No se usan tablas para “maquetar”    ●         El diseño se basa en DIV●    Las imágenes tien...
Asignación de tamaños●    Los tipos de letras deben ser autoajustables    ●        Casi todos los navegadores tienen capac...
Cuidado con los sitios bonitos●    Flash, Silverlight, y demás cosos…    ●        NO son adecuados para sitios accesibles●...
Malo
Bueno
¿Qué hay de HTML5, JQuery, etc?●    HTML5 viene bastante bien●    Jquery… con cuidado.●    Veamos    ●        http://wave....
HTML5●    http://html5sites.com/
JQuery●     No muy bien
¿UA Net?
www.solidq.com/Daniel A. SearaDirector de Colaboración y BúsquedasEspaña y Portugal“Dani” dseara@solidq.comhttp://blogs.so...
Fundamentos de sitios web accesibles 2012
Fundamentos de sitios web accesibles 2012
Upcoming SlideShare
Loading in …5
×

Fundamentos de sitios web accesibles 2012

391 views

Published on

Descripción de accesibildiad en sitios web y técnicas para su adecudda implementación

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
391
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Fundamentos de sitios web accesibles 2012

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

×