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

3. 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

4. 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

5. 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

6. 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

7. http://www.w3.org/WAI/
VERSIÓN 2 DE LA GUÍA DE
ACCESIBILIDAD

8. 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)

9. 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

10. 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

11. 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

12. 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

13. APLICANDO LOS PRINCIPIOS

14. 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”

15. 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

16. 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

17. Malo

18. Bueno

19. ¿Qué hay de HTML5, JQuery, etc?
●
HTML5 viene bastante bien
●
Jquery… con cuidado.
●
Veamos
●
http://wave.webaim.org/

20. HTML5
●
http://html5sites.com/

21. JQuery
●
 No muy bien

22. ¿UA Net?

23. www.solidq.com/
Daniel A. Seara
Director de Colaboración y Búsquedas
España y Portugal
“Dani” dseara@solidq.com
http://blogs.solidq.com/sharepoint