Fundamentos de sitios web accesibles 2012
Upcoming SlideShare
Loading in...5
×
 

Fundamentos de sitios web accesibles 2012

on

  • 426 views

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

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

Statistics

Views

Total Views
426
Views on SlideShare
425
Embed Views
1

Actions

Likes
1
Downloads
0
Comments
0

1 Embed 1

http://elearning.tadelformacion.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Fundamentos de sitios web accesibles 2012 Fundamentos de sitios web accesibles 2012 Presentation Transcript

    • 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
    • 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
    • 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
    • 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
    • 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) ● Guías – (Que determinan formas de cumplir con los principios)
    • 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
    • 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
    • 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
    • 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
    • APLICANDO LOS PRINCIPIOS
    • 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”
    • 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
    • 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
    • Malo
    • Bueno
    • ¿Qué hay de HTML5, JQuery, etc?● HTML5 viene bastante bien● Jquery… con cuidado.● Veamos ● http://wave.webaim.org/
    • 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.solidq.com/sharepoint