Mejor accesibilidad

10/Jun/2009 70

Ponerse en el lugar del usuario; es un principio básico que deberíamos adquirir si queremos que nuestro proyecto web tenga éxito no sólo para nuestros bolsillos, sino que perdure y tenga pregnancia en la experiencia del usuario.

¿Qué marcaría una diferencia? El diseño, obviamente es lo primero que encanta; contenido bien estructurado y ordenado, pensado hacia una mejor buscabilidad y encontrabilidad; funcionalidades útiles y no sólo efectistas, también. Pero insisto, ¿cómo lo llevamos aún más allá?

La accesibilidad es la capacidad de acceso a la web y sus contenidos por todos los usuarios, independiente de la discapacidad física, intelectual o técnica que tengan.

Si escribimos nuestro HTML con una semántica correcta y con el diseño separado en su propia hoja de estilos, ya estamos aportando a una mejor acccesibilidad permitiendo a los ciegos leer el contenido a través de un lector de pantalla, además de independizar el dispositivo sobre el cual será vista la web (teléfonos celulares, laptops, computadores de escritorio, etc.). Si tenemos el tamaño de los textos de una dimensión considerable y ojalá en una unidad relativa que sea independiente de la resolución del usuario, estaremos garantizando mejor accesibilidad a usuarios con problemas visuales. Ahora, si le damos la posibilidad al usuario de escojer el tamaño te fuente que más le acomode, mejor aún.

Estas normas mínimas de accesibilidad pueden aumentarse con muy poco esfuerzo, y ahora me gustaría presentar uno que no es muy utilizado pero no por eso menos importante: el atributo accesskey. Con él, permitimos que el usuario navegue por enlaces sólo con el uso de teclas especificadas en el desarrollo del sitio. Su implementación es bastante rápida:

<a href="index.html" accesskey="i">Inicio</a>

Así, permitimos que se pueda ir a la página de inicio no sólo haciendo click en el enlace, sino que utilizando la combinación control+i del teclado. Lamentablemente esta combinación es arbitraria por plataforma:

  • Chrome: Alt+Accesskey
  • Firefox: Alt+Shift+Accesskey (Win) Ctrl+Accesskey (Mac)
  • IE: Alt+Accesskey
  • Opera: Shift+Esc+Accesskey
  • Safari: Ctrl+Accesskey

Además, deberías indicarle a tus usuarios la tecla correspondiente al accesskey, y los selectores avanzados de atributo son una gran ayuda:

a:after {
content: " [" attr(accesskey) "] ";
}

Ver ejemplo

Comentarios

  1. Gtlkru [#]

    stromectol drug – ivermectin india ivermectin lotion for scabies

  2. Yyictk [#]

    cheap stromectol – ivermectin oral 0 8 [дё»йЎµ –

  3. Cqzaxp [#]

    ivermectin lotion for scabies – stromectol how much it cost ivermectin eye drops

  4. Jaqvpe [#]

    generic ivermectin – phcodv.com ivermectin 5

  5. Sjtesr [#]

    ivermectin cost uk – stromectol tablets for humans for sale stromectol medicine

  6. Qeazwx [#]

    ivermectin us – stromectol xr ivermectin human

  7. AnthonyGlymn [#]

    viagra without a doctor prescription usa viagra without doctor prescription – generic viagra
    buy viagra

  8. AnthonyGlymn [#]

    generic viagra overnight buy viagra online without a prescription – buy generic viagra online
    blue pill viagra

  9. Xiehbj [#]

    ivermectin medication – ivermectin tablets for sale ivermectin 6 mg tablets

  10. Qluizg [#]

    purchase ivermectin – stromectol tab ivermectin new zealand

  11. AnthonyGlymn [#]

    cialis vs viagra blue pill viagra – free viagra
    real viagra without a doctor prescription

  12. AnthonyGlymn [#]

    natural viagra viagra side effects – viagra side effects
    viagra price

  13. Qqidfm [#]

    plavix brand – plavix 196 plavix online pharmacy

  14. BradleyTonuh [#]

    buy cialis rush cialis without prescriptions canada – cost of cialis without insurance
    buy cialis cheaper online

  15. Vgoisy [#]

    plavix 75mg tablets – plavixheart.com clopidogrel prescription

  16. BradleyTonuh [#]

    buy cialis insurancecialis online without prescription where can i buy cialis without a prescription – cialis 20mg usa
    buy cialis tadalafil tablets

  17. BradleyTonuh [#]

    cialis 20 mg cost buy cialis tadalafil0 with pay pal – cialis 20mg usa
    buy cialis rush

  18. Byhlhq [#]

    herbal ed pills uk – supermax ed pills ed pills grock

  19. Zwqzyn [#]

    diabetic ed treatment pills over the counter – erectile dysfunction treatment wheat ridge do ed pills really work

Responder a Anónimo ×

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab