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

Fundamentos de sitios web accesibles

on

  • 1,170 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,170
Views on SlideShare
1,167
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