Los lectores de pantalla permiten a los usuarios pedir una lista de todos los enlaces de la p\u00e1gina. Cuando aquella lista contiene \u00abClica aqu\u00ed, Clica aqu\u00ed, Leer m\u00e1s, Leer m\u00e1s, Aqu\u00ed, Aqu\u00ed\u00bb, es completamente in\u00fatil. El usuario no sabe donde lleva cada enlace sin leer el contexto que lo rodea. <\/p>\n
El criterio WCAG 2.4.4 exige que el prop\u00f3sito de cada enlace pueda ser determinado por el texto del enlace solo, o bien por el texto del enlace combinado con el contexto del programa. El ideal es que el texto del enlace sea descriptivo por s\u00ed solo, sin necesidad de contexto. <\/p>\n
— MAL: gen\u00e9rico y sin contexto —<\/strong> — BIEN: descriptivo y autosuficiente —<\/strong> El texto \u00abLeer m\u00e1s\u00bb es uno de los errores m\u00e1s habituales en blogs y listas de art\u00edculos. Visualmente tiene sentido porque aparece junto al t\u00edtulo y la descripci\u00f3n del art\u00edculo. Pero para un lector de pantalla que navega por links, es ambiguo. <\/p>\n Las soluciones sue\u00f1o:<\/p>\n Un error diferente pero relacionado: los enlaces sin ning\u00fan texto. A menudo aparecen en iconos de redes sociales o en logos que su links. Un La soluci\u00f3n: a\u00f1adir alt text descriptivo a la imagen o aria-label en el enlace:<\/p>\n La herramienta de autoevaluaci\u00f3n de webaccessible.cat detecta autom\u00e1ticamente links sin nombre accesible ( Una manera f\u00e1cil de revisar: activa el lector de pantalla de tu ordenador y navega por los links de la p\u00e1gina. Si la lista de links tiene sentido sin contexto, vas bien. <\/p>\n Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<\/div><\/div><\/div>
\n<a href=\"\/serveis\">Clica aqu\u00ed<\/a><\/code>
\n<a href=\"\/blog\/article\">Llegir m\u00e9s<\/a><\/code>
\n<a href=\"\/contacte\">Aqu\u00ed<\/a><\/code><\/p>\n
\n<a href=\"\/serveis\">Veure els nostres serveis d'accessibilitat<\/a><\/code>
\n<a href=\"\/blog\/article\">Llegir l'article sobre declaraci\u00f3 d'accessibilitat<\/a><\/code>
\n<a href=\"\/contacte\">Contactar amb webaccessible.cat<\/a><\/code><\/p>\nEl caso del ‘Leer m\u00e1s’ en blogs<\/h2>\n
\n
\n<a href=\"\/article\">Llegir m\u00e9s
\n<span class=\"sr-only\">sobre com fer una declaraci\u00f3 d'accessibilitat<\/span>
\n<\/a><\/code><\/li>\n
\n<a href=\"\/article\" aria-label=\"Llegir m\u00e9s sobre com fer una declaraci\u00f3 d'accessibilitat\">
\nLlegir m\u00e9s
\n<\/a><\/code><\/li>\n<\/ol>\nEnlaces vac\u00edos o sin texto<\/h2>\n
<a href=\"https:\/\/instagram.com\/empresa\"><img src=\"instagram.svg\"><\/a><\/code>sin alto texto a la imagen es un enlace sin nombre accesible. <\/p>\n<a href=\"https:\/\/instagram.com\/empresa\" aria-label=\"Segueix-nos a Instagram\">
\n<img src=\"instagram.svg\" alt=\"\">
\n<\/a><\/code><\/p>\nComo detectar los errores<\/h2>\n
link-name<\/code>). Para los textos gen\u00e9ricos como \u00abClica aqu\u00ed\u00bb, la detecci\u00f3n autom\u00e1tica es m\u00e1s dif\u00edcil \u2014la herramienta ve que hay texto, pero no puede saber si es descriptivo. La revisi\u00f3n manual es imprescindible. <\/p>\n