puntos importantes para hacer tu site accesible

Me suelo guiar por las recomendaciones WCAG 2.0 con un nivel de cumplimiento AA.
Me gustaría trabajar por cumplir con la AAA, pero hay un conflicto entre los deseos de tener una "web bonita y al día" por parte de los dueños de negocios y la conciencia y responsabilidad de un profesional de la accesibilidad web.


Como ya he indicado otras veces en este blog, la parte mas difícil del trabajo es convencer a mis jefes de la importancia de la usabilidad web, mas allá de exigencias legales y multas, e intentar cumplir con el máximo nivel de accesibilidad posible.

Existen algunos puntos que ayudan a cumplir con un alto nivel de la norma AA. Destacan los siguientes:

• Hacer cumplir con las recomendaciones de robustez: Tener una jerarrquía de H's correctas, que también ayuda a SEO. Que el título de la página indique la finalidad de la misma de forma sencilla, clara y directa. Que todos los frames e iframes tengan sus títulos.
• Coherencia en el orden de navegación: Esto es sencillísimo y le "sale solo" a cualquier desarrollador normal: Consiste en que el orden en el que se desplaza el tabulador sea igual que el orden de lectura natural. De izquierda a derecha y de arriba a abajo.
• Tener todas las imágenes con alt: Las imágenes que tengan relevancia tendran un alt que indiquen "de que van" y las que sean puramente decorativas, adornos, tendran un alt="".
• Que los enlaces tengan un title pertinente: El title ha de existir y ha de explicar la acción que realiza el enlace, no repetir el texto del mismo. Quizá este punto es un poquito más complicado de llevar a cabo
• Evitar que el JavaScript atrape el foco: El usuario siempre se ha de mover libremente con el tabulador, no se puede, por ejemplo, evitar pasar al campo contraseña si no se ha rellenado el usuario, por ejemplo.
• Evitar el uso de JavaScript en general: Si se usa JavaScript has de tener tus alternativas noscript pertinentes. Esto en la práctica no se hace casi nunca, así que aprovechando que en la actualidad se puede hacer muchas cosas con CSS, no es descabellado "quitarse de encima" el JavaScript.
• Evitar el uso de tablas: Su uso, contemplando ciertas reglas, que serán objeto de un post independiente, provoca más trabajo al desarrollar, que en la práctica se tiende a no hacerse
• Hacer la página en Responsive Design: Creo que esto en el presente lo está teniendo en cuenta casi todo el mundo, afecta de una forma importante a SEO y mejora la usabilidad al usar el zoom, ya que los bloques de contenidos van "saltando" y no se usa el scroll lateral.
• Uso de medidas relativas: Este es uno de los frentes donde la lucha es más encarnizada. A pesar de que los diseñadores están cada vez más sensibilizados al respecto, no se consigue que se lleve a la práctica.
• Alternativas de navegación: Esto significa usar un menú de navegación igual en todo el site, lo que viene a ser normal. Tener un mapa web y que esté enlazado desde todas las páginas, otra cosa bastante normal de encontrar. Tener un buscador de contenidos en el site. Este punto es el mas complejo y menos usado.
• Accesibilidad de formularios: Este tema es digno de ser tratado ampliamente en otro post
• Por último uno bastante sencillo: No usar listas ordenadas.

Contemplando todo esto se puede llegar a cumplir un alto porcentaje de la WCAG 2.0 AA