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

Fundamentos de sitios web accesibles

on

  • 1,166 views

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

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.

Statistics

Views

Total Views
1,166
Slideshare-icon Views on SlideShare
1,163
Embed Views
3

Actions

Likes
0
Downloads
8
Comments
0

2 Embeds 3

http://www.slashdocs.com 2
http://twitter.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 Fundamentos de sitios web accesibles 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/
      UnderstandingAccessibility
      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-2006-Jun.pdf
      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
    • Versión 2 de la Guía de accesibilidad
    • 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 accesibilidadPrincipios
      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 accesibilidadPrincipios
      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 accesibilidadPrincipios
      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:Imagerunat="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
      • Que no es lo mismo que “No ponerlo y listo”
      <asp:Imagerunat="server"
      ImageUrl="~/SiteCollectionImages/HeadImageRight.jpg"
      AlternateText="" />
    • 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
      Usar estilos en cascada
      Sobre todo para los marcadores estándar
      body {font-size: small; }
      H1 {font-size: 22px; }
    • 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
    • www.solidq.com/
      Daniel A. Seara Director de Formación
      España y Portugal
      “Dani” dseara@solidq.com
      http://blogs.solidq.com/dseara