Un espacio para los entusiastas del web

Diseño para todos: Accesibilidad Web

Publicado el 13 de Junio, 2006

Es importante que la información este disponible para todos; por responsabilidad y compromiso con los visitantes. Esto ayuda a mejorar la calidad para los clientes potenciales.

La accesibilidad debe ser uno de los  objetivos primordiales en los sitios web. El término de Accesibilidad web, según la wikipedia se define como: “la capacidad de acceso a la Web y a sus contenidos por todas las personas, independientemente de la discapacidad que presenten. Esta cualidad está íntimamente relacionada con la usabilidad”.

La accesibilidad web se basa en las Pautas de Accesibilidad al Contenido en la Web 1.0, donde se brindan 14 recomendaciones:

  • Proporcione alternativas equivalentes para el contenido visual y auditivo
  • No se base sólo en el color
  • Utilice marcadores y hojas de estilo y hágalo apropiadamente
  • Identifique el idioma usado
  • Cree tablas que se transformen correctamente
  • Asegúrese de que las páginas que incorporen nuevas tecnologías se transformen correctamente
  • Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes
  • Asegure la accesibilidad directa de las interfaces incrustadas
  • Diseñe para la independencia del dispositivo
  • Utilice soluciones provisionales
  • Utilice las tecnologías y pautas W3C
  • Proporcione información de contexto y orientación
  • Proporcione mecanismos claros de navegación
  • Asegúrese de que los documentos sean claros y simples

En la actualidad la Iniciativa de Accesibilidad Web ( WAI por sus siglas en inglés), esta trabajando en la versión 2 de estas pautas.

Tres  razones importantes para hacer sitios accesibles

Es un buen negocio:

 Tener un sitio accesible significa que estará disponible para una mayor cantidad de personas (es decir más clientes), adicionalmente las páginas de sitios accesibles están mejor adaptadas a los robots de indexación de los buscadores, que básicamente actúan como usuarios invidentes.

Es socialmente justo:

Todos deben tener igual oportunidad de acceso a la información, cerrar la brecha digital no solo se trata de tener más computadoras, también requiere proporcionar la información al alcance de las mayorías.

Cumplir la ley:

Algunos países están haciendo de la accesibilidad un requisito legal para los sitios gubernamentales.

Cómo comenzar:

  • Una buena forma es seguir la Guía breve para crear sitios webs accesibles del W3C.
  • Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
  • Mapas de imagen: Use el elemento map y texto para las zonas activas.
  • Multimedia: Proporcione subtítulos y trascripción del sonido, y descripción del vídeo.
  • Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
  • Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS  para la maquetación donde sea posible.
  • Figuras y diagramas: Descríbalos brevemente en la pagina o use el atributo longdesc.
  • Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
  • Marcos: Use el elemento noframes y títulos con sentido.
  • Tablas: Facilite la lectura línea a línea. Resuma.
  • Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de WCAG.

Algunas herramientas:

Fangs para Mozilla Firefox : esta extensión simula un lector de pantalla, mostrando el contenido del sitio como lo obtendría una persona con discapacidad.

Accessibility Suite for W3C/WCAG, V1.0.1 para Dreamweaver: le da capacidades extras a Dreamwaver para cumplir las normas básicas de Accesibilidad (Prioridades 1 y 2, y la Sección 508).

Web Accessibility Toolbar: multitud de funciones para evaluar los aspectos accesibilidad del sitio, solo disponible para Internet Explorer.

Mozilla Accessibility Extension: extensión para personas con discapacidades puedan navegar mejor, también es una ayuda para los desarrolladores para evaluar la accesibilidad en sus sitios.

Revisores automáticos: tenemos TAW , HERA y Examinator, pero navegando podríamos encontrar muchos más.

Algunos consejos:

En sitios grandes donde el contenido es cambiante hay que vigilar que la accesibilidad no sea afectada.

No es suficiente aprobar la accesibilidad de nuestro sitio con un revisor automático, es necesario saber si realmente el sitio es accesible realizando pruebas reales y de sentido común de acuerdo a las pautas de accesibilidad.

La accesibilidad web beneficia a todos, webmasters con sitios sencillos de mantener, clientes satisfechos con el funcionamiento del sitio y negociantes con mayores ventas, tenga eso en mente al comenzar su sitio.

Enlaces relacionados:

¿Te gustó?

¡Sí, me gusta! Le ha gustado a 2 personas
Loading ... Loading ...

César Soplin SánchezCésar Soplin Sánchez para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Comentarios

  1. TitoFer

    Una pregunta, y si tu empresa es de Diseño y tu web se basa en Diseño, porque lo que vendes es Diseño… ¿Como casa esto con hacer tu sitio accesible? Tendrías que tener dos sitios, no? uno accesible y otro no?

    Responder
  2. Ramon Torres

    Pues simplemente haces un sitio con un buen diseño y accesible a la vez.

    Diseño + Accesibilidad

    Responder
  3. CesarS

    Tendrias que hacer un sitio con un diseño accesible, el sitio tiene que adaptarse a las necesidades de los visitantes, no al revés.

    :)

    Responder
  4. firemankno

    Es importante considerar la accesibilidad en el diseño, sobre todo porque se olvida que no son solamente la gente con discapacidad visual total (ceguera) quienes tienen problemas para ver algunas páginas. Sino también los adultos que usan lentes, como también existen una serie de diferentes discapacidades solo a nivel visual.

    Por ello, uno debe tener en mente a quien va dirigido el mensaje, pues si solo va dirigido a gente joven que dificilmente tendrá alguna discapacidad, entonces por asi decirlo, podremos realizar diseño con mayor fuerza y estilo sacrificando la accesibilidad.

    Yo por ejemplo ahora me encuentro desarrollando mi proyecto de titulo en eso, la accesibilidad en sitios web, yo estudie diseño gráfico, y siempre he encontrado que es una falecia de los diseñadores este punto. Y eso se ve de sobre manera en sitios del Estado, en donde ellos deberian ser los más preocupados de este tema, pues la idea es permitir el acceso universal a los contenidos, sin embargo no lo hacen, y la unica referencia formal que he encontrado al respecto, fue un sitio en donde exisitia un acceso a una página para ciegos, la cual era en negro (toda la pantalla) y con texto ocultado del mismo color… como diciendo.. si son ciegos, para que quieren ver.

    Personalmente ese sitio me molesto mucho, pues de partida es sumamente desordenado a la hora de mostrar los contenidos (critica puramente de diseño), además que el hecho de generar dos páginas completamente diferentes para dos tipos de personas, me recuerda a la discriminación racial respecto al uso de recursos, como los baños por ejemplo, en donde habia un baño para blancos y otro para negros.

    En fin… son reflexiones, yo por mi parte seguire investigando para mi tesis…

    chau

    Responder
  5. Andrés

    El DISEÑO no es sólo estética, también es funcionalidad.
    Un sitio puede ser muy bueno estéticamente, y ser un mal diseño.

    Responder
  6. cvander

    Muy bueno el artículo. Me agradó la amplia colección de enlaces que compartiste, en especial los de las herramientas para validar nuestros sitios, mismas que me estoy disfrutando con mis proyectos…

    Definitivamente la accesibilidad debería ser una meta que todos deberiamos proponernos.

    Responder
  7. elquique

    A mi me parece muy bueno esto de la accesibilidad, el unico problema es que algunos sitios superponen las teclas con las funciones que uso en mi navegador.

    Ejemplo, estoy en una pagina y presiono ALT D para ir a la barra de direcciones y cargar otra cosa, sin embargo carga cualquier opcion de ese sitio :(

    Responder
  8. Charlie

    Tambien visiten la pagina de la campaña “mejor visto con cualquier navegador”
    http://www.anybrowser.org/campaign/

    Responder
  9. Doctor J

    Fantástico artículo, gracias y enhorabuena

    Responder
  10. patricio ibarra

    Hola estopy recien introduciendome al tema del diseño web accesible, me esta apasionando tanto que lo integrare a mi proyecto de titulo como punto importante, me gustaria contactarme con “firemankno” que posteo mas arriba porque creo que tenemos harto que compartir.
    saludos desde Chile.
    patricio.ibarra@gmail.com

    Responder
  11. Carlos Torres

    Repito, dónde está el mérito en coleccionar árticulos (bueno no coleccionarlos pues son solo dos) coger un libro de Zeldman traducir un texto y firmarlo? lo que se hace necesario es tu aporte César, sigues sin aportar nada a lo ya conocido, mejor cítate como traductor y no como autor. Hay que dejar la improvisación de lado por favor.

    Responder
  12. belen/marta/cristina

    Muy buenas,

    Estamos realizando un proyecto final de carrera basado en la accesibilidad de las paginas web para personas ciegas o con disminución visual. Nos gustaría saber si tienes alguna información sobre este tema.
    Te agradeceriamos tu ayuda.

    Responder

Deja tu Comentario

Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.



Acerca de

Maestros del Web nace cuando intentamos traducir Webmaster al Español. Nacimos orientados al diseño y desarrollo web. Hoy somos un espacio de apoyo para los entusiastas que participan en proyectos en la red.
Leer más de Maestros del Web