Diseño para todos: Accesibilidad Web

13.06.2006

Diseño para todos: Accesibilidad Web

Por César Soplin Sánchez | 6,310 Lecturas
Archivado en: Accesibilidad, Diseño

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:

Califica esta nota:

(2 votos, promedio: 5 de 5)

Loading ...

Sobre el autor

César Soplin Sánchez
Webmaster peruano, desde backdraft (backd.com) promueve la usabilidad y el desarrollo web.

Comentarios

11 comentarios en total.

TitoFer 14.06.2006 - 03:14 - #

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?
Ramon Torres 14.06.2006 - 13:20 - #

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

Diseño + Accesibilidad
CesarS 14.06.2006 - 16:36 - #

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.
firemankno 15.06.2006 - 16:08 - #

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
AndrÃ©s 16.06.2006 - 05:55 - #

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.
cvander 20.06.2006 - 15:40 - #

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.
elquique 20.06.2006 - 17:21 - #

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
Charlie 22.06.2006 - 02:42 - #

Tambien visiten la pagina de la campaña “mejor visto con cualquier navegador”
http://www.anybrowser.org/campaign/
Doctor J 31.07.2006 - 12:09 - #

Fantástico artículo, gracias y enhorabuena
patricio ibarra 04.09.2006 - 02:42 - #

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
Carlos Torres 08.12.2006 - 14:31 - #

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.