Accesibilidad: medidas adoptadas …

sisi escribió esto a las 12:58

Después de los resultados que obtuve en “Examinator” (para saber de qué hablo podéis ver la entrada anterior http://sisifodichoso.org/2006/03/24/accesibilidadexaminator/
me propuse tomar medidas urgentes para intentar que este sitio fuera más accesible a todos los navegantes de la red.
Lo primero que hice fue validar el código html de la página y la hoja de estilo css que utiliza el tema.
Aunque la extensión tidy de Firefox me devolvía que tenía código válido, al hacer la validación en
http://validator.w3.org y en
http://jigsaw.w3.org/css-validator
aparecían una serie de errores que no fueron difíciles de corregir.
Muy útil ha resultado la extensión de Firefox, “Web developer”, que también te ayuda a detectar si tienes algún enlace roto …
Después de incorporar etiquetas “alt” a todas mis imágenes, comprobar mis enlaces, añadir el campo “longdesc” en la imágenes más complejas, sólo me quedaba corregir el formulario de búsqueda de la parte superior.

Hice pues caso de la sugerencia de Examinator, todos los elemento INPUT, requieren contener el atributo ‘alt’, o usar una LABEL , y le añadí la etiqueta “label” con acceskey

sustituí entonces:

<form id="searchform" method="get" action="<?php bloginfo('url'); ?>/index.php">
<p><input type="text" name="s" size="18" alt="search" value="search" onclick="resetText();" onkeypress="resetText();" /></p>
</form>

por:

form id="searchform" method="get" action="< ?php bloginfo('url'); ?>/index.php">
<p>
<label for="searchform" accesskey="S">
<input type="text" name="s" size="18" alt="search" value="search" onclick="resetText();" onkeypress="resetText();" />
</label>
</form>

la etiqueta “label” debe envolver el campo de control del formulario …
Esta solución ya me subía mucho los puntos de mi accesibilidad … pero no funcionaba. Hay que tener ojo con eso (me lo digo yo a mí mism@): se trata de aumentar realmente la accesibilidad y no una competición de puntos. Examinator detecta que tengo una etiqueta “label” con una “acceskey” pero no detecta que si yo le doy a Alt+”S” en mi Firefox, el cursor no va al formulario de búsqueda como debería…
La solucion fue:

<form id="searchform" method="get" action="<?php bloginfo('url'); ?>/index.php">
<label for="search" accesskey="S">
<input id="search" type="text" name="s" size="18" alt="search" value="search" onclick="resetText();" onkeypress="resetText();" />
</label>
</form>

La “label” se debe corresponder con el campo del formulario que estamos usando (“search” en este caso) y no con todo el formulario, “searchform”, como hacía antes …

Ahora, si pulso “Alt + S” “Alt + B” el cursor se va directamente a la búsqueda … es mi pirmer atajo de teclado…
Puntuación : 8,6 ;)

Aún me queda enredar con las medidas absolutas y otras cosillas …

Actualización (3-07-2006)
He cambiado este atajo de teclado y he añadido otros que aparecen en la página de accesibilidad de este blog.

Comparte este artículo:
  • Meneame
  • del.icio.us
  • Digg
  • Facebook
  • TwitThis
  • Google
  • Live
  • E-mail this story to a friend!
  • Print this article!

Artículos relacionados:

2 comentarios en “Accesibilidad: medidas adoptadas …”


  1. Ana* dice:

    El día en que tenga tiempo y me decida a ponerme al día con todo lo de mi sitio sabes cuál es el sitio en el que primero voy a buscar información, ¿verdad?
    Bien hecho.


  2. sisifodichoso dice:

    Gracias Ana*, la verdad es que es una tarea larga … pero sí quiero ir ganando en accesibilidad poco a poco. Creo que lo siguiente serán más atajos de teclado, ya os iré informando ;-)