Comparteix:

Enllaços

Què hem de tenir en compte per fer enllaços accessibles:

 

  • Un enllaç s'ha d'assenyalar visualment i ha de conservar una aparença uniforme en tot el lloc web de manera que sigui fàcilment identificable. El llibre d'estil de la UPC defineix que els enllaços s'han de marcar en blau, i així està configurat a Genweb, i quan l'enllaç forma part d'un paràgraf s'enfatitza amb un subratllat.
  • També cal tenir en compte que no han d'existir enllaços amb un mateix text que tinguin diferents funcionalitats. Això vol dir que un enllaç anomenat "contacte", aquest ha de portar a la pàgina de contacte del lloc. Si existeix un altre enllaç amb el nom "contacte", aquest no haurà d'anar a una pàgina diferent o dur a terme una funcionalitat diferent
  • Un text d'enllaç hauria de descriure la pàgina a la qual s'enllaça. Textos genèrics com ara "Fes clic aquí" i "Llegir més" no proporcionen cap informació als motors de cerca sobre la pàgina de destinació. El mateix s'aplica a usuaris de lectors de pantalla quan intenten obtenir una visió general d'una pàgina web. Sovint treure una llista dels enllaços de la pàgina, per la qual cosa és important que el text de l'enllaç tingui sentit quan es llegeix fora del seu context.

Criteri de l'estàndard WCAG 2.1 relacionat:

1.4.1 - Ús del  color

2.4.4 - Propòsit dels enllaços (En context)

 

"Feu clic aquí" o "Llegir més" = Text de l'enllaç incorrecte

“Llegiu més sobre SEO i accessibilitat web” = Bon text d'enllaç

En el cas que un enllaç obri en una finestra nova, haurà d'avisar-se l'usuari d'aquest fet en el text del mateix enllaç.

 

Com fem enllaços accessibles a Genweb

A genweb els enllaços s'identifiquen amb color blau, i, si formen part d'un paràgraf, se'ls afegeix un subratllat per identificar-los clarament.

En aquest videotutorial us expliquem com fer enllaços a Genweb: