Enlaces "Más info" simples
Vía Diseñorama, acabo de leer un artículo que habla de cómo hacer los típicos enlaces "Más info" de forma más accesible.
En Barrapunto, por ejemplo, este enlace se llama "Leer más":
editado por Candyman el Lunes, 14 de Noviembre 2005, a las 20:38h
desde el dept. o-al-menos-eso-dicen.
[ Lee más... | Pon tu comentario | 12 de 24 comentarios ]
Esta forma de describir estos enlaces no proporciona información suficiente para los usuarios de lectores de pantalla. Además, se confunden unos con otros cuando hay más de uno en la página, como es el caso de Barrapunto.
Una forma de solucionarlo es:
editado por Candyman el Lunes, 14 de Noviembre 2005, a las 20:38h
desde el dept. o-al-menos-eso-dicen.
[ Lee más acerca de Resuelto 'bug' en GMail que permitía el acceso a cuentas ajenas | Pon tu comentario | 12 de 24 comentarios ]
Pero para los usuarios normales esta técnica empeora el aspecto de la página.
La técnica que se comenta en este artículo oculta a los usuarios normales, mediante CSS [inglés], la información sobrante. De esta forma:
Y mediante CSS, se oculta, o más bien se desplaza:
{
position: absolute;
left: -1000px;
width: 900px;
}
Se podría utilizar display: none, pero al parecer, esta propiedad no está soportada por todos los lectores de pantalla, por lo que es mejor desplazar que ocultar.
Existe una técnica más avanzada [inglés] para realizar esto escrita por Florian Grell.
torresburriel dijo
Para quien le interese, publiqué un resumen/recopilación de lo que se comenta en el vínculo de Diseñorama respecto de los enlaces "leer más".
Se puede ver en Enlaces para “leer más” que sean simples y accesibles.
15 Noviembre 2005 | 12:14 PM