vuestra opinión

[talmente]

¿Me daríais vuestra opinión sobre esta página desde el punto de vista de la accesibilidad y la usabilidad? jaimesimo.net/centrodediagnostico/ . Gracias

[Mikmoro]

Un primer detalle (luego la miro mejor):

debes hacer que el menú resalte cuando se navega con teclado, es decir, que así como has usado el :active en la css debes añadir el :focus, porque si no sólo IE sabe resaltar los botones al navegar con teclado:

a:focus, a:active {
padding-left: 5px;
color: #0066FF;
text-decoration: underline;
}

Debes proporcionar también un enlace que permita saltarse los items del menú, porque si no al navegar con teclado, en terminal o con navegador de voz, te verás obligado a leer todos los enlaces del menú cada vez.
Esto se hace con un enlace interno como primer elemento del menú que se oculta a los navegadores visuales, y dirigido al primer ID de contenido.

Por ejemplo:

<ul class="menu">
<li><a class="salto" acceskey="0" href="#contenido" title="Saltar al contenido. Tecla de acceso: 0">Saltar al contenido</a></li>
<li><a accesskey="1" href="index.htm" title="Pagina de Inicio Centro de diagnosticos biologicos s.l.u" class="lineainicio">Inicio </a></li>
<li><a accesskey="2" href="analisis_clinico.html" title="Análisis clínicos" class="linea">Análisis clínicos </a></li>
<li><a accesskey="3" href="salud_publica.html" title="Salud pública" class="linea">Salud pública </a></li>
<li><a accesskey="4" href="equipo_humano.html" title="Equipo humano" class="linea">Equipo humano </a></li>
<li><a accesskey="5" href="fotos.html" title="Fotos Laboratorio" class="linea">Fotos </a></li>
<li><a accesskey="6" href="contacto.html" title="Formulario de Información" class="linea">Contacto </a></li>
<li><span class="migadepan">Estamos en: </span>
<span class="migadepanpagina">Inicio</span> </li>
</ul>

Y en la css:

.salto {display: none;}

Hay cierta discusión sobre si hay que ocultarlo o mostrarlo e integrarlo en tu diseño. Yo personalmente prefiero esta última opción.

Mikel.

[talmente]

Gracias de antemano por tomarte la molestia de mirar la página Mikel, pero con esto

<li><a class="salto" acceskey="0" href="#contenido" title="Saltar al contenido. Tecla de acceso: 0">Saltar al contenido</a></li>

Tengo un problema y es que me desaparece el menú principal si el atajo lo apunto al menú lateral. ¿Por que?. de nuevo gracias.

[Mikmoro]

Pues no te entiendo. Muestra el código del que hablas a ver qué se ve.

Mikel.

[talmente]

<ul class="menu">
<li><a class="salto" accesskey="0" href="#contenido" title="Saltar al contenido. Tecla de acceso: 0">Saltar al contenido</a></li>
<li><a accesskey="i" href="index.htm" title="Pagina de Inicio Centro de diagnosticos biologicos s.l.u" class="lineainicio"><span class="acceso">I</span>nicio </a></li>
<li><a accesskey="a" href="analisis_clinico.html" title="Análisis clínicos" class="linea"><span class="acceso">A</span>nálisis clínicos </a></li>
<li><a accesskey="s" href="salud_publica.html" title="Salud pública" class="linea"><span class="acceso">S</span>alud pública </a></li>
<li><a accesskey="e" href="equipo_humano.html" title="Equipo humano" class="linea"><span class="acceso">E</span>quipo humano </a></li>
<li><a accesskey="f" href="fotos.html" title="Fotos Laboratorio" class="linea"><span class="acceso">F</span>otos </a></li>
<li><a accesskey="c" href="contacto.html" title="Formulario de Información" class="linea"><span class="acceso">C</span>ontacto </a></li>
<li><span class="migadepan">Estamos en: </span>
<span class="migadepanpagina">Inicio</span> </li>
</ul>


Si yo pongo esto al pulsar las teclas funciona va al contenido pero el menú principal desaparece. lo he subido en index lo puedes ver.

[Mikmoro]

Pero esto no se debe a ese enlace añadido. Ningún elemento de tu menú admite un enlace interno. Ocurre lo mismo haciendo en cualquiera de ellos un enlace interno, poniendo un <a name en cualquier parte. Y según a dónde vaya, no sólo desaparece el menú, sino todo el contenido hasta el enlace interno.

EDITO: porque ya está hallada la respuesta, que he puesto en el siguiente mensaje.

Mikel.

[Mikmoro]

El problema está en la hoja de estilo index.css. Se trata del overflow del selector #contenedor:

#contenedor {
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:0px;
width:900px;
}

Quítalo y ya no desaparecerá el menú.

Mikel.

[talmente]

Efectivamente Mikel, ese era el problema. Gracias