Pladsholderlinks
Silktide finder links, der peger på #, en webadresse, som betyder "toppen af denne
side". Det er som regel pladsholdere – links, der blev tilføjet, før deres destination
fandtes, og aldrig blev opdateret – eller links, der er blevet kapret for at udløse scripts.
<!-- Efterladt pladsholder: fører ikke nogen nyttig steder hen -->
<a href="#">Læs mere</a>
<!-- Link misbrugt til at køre et script -->
<a href="#" onclick="openMenu()">Menu</a>
Hvorfor dette er vigtigt
En besøgende, der klikker på et #-link, forventer at komme et sted hen; i stedet ruller
siden blot til toppen, hvilket virker som en fejl. Når mønsteret bruges til at udløse
, vildleder det også
: En annoncerer det som et link
og lover navigation, selv om det i virkeligheden opfører sig som en knap – og hvis scripts
ikke indlæses, gør det slet ingenting.
Disse links er ofte efterladenskaber: en skabelon leveret med pladsholdernavigation eller et "kommer snart"-link, som ingen vendte tilbage til.
Sådan retter du det
- Hvis linket skulle føre et sted hen, skal du lade dets
hrefpege på den rigtige destination. - Hvis det udløser et script, skal du erstatte det med en
<button>, hvilket er det, forventer for handlinger:
<!-- Før: et link, der foregiver at være en knap -->
<a href="#" onclick="openMenu()">Menu</a>
<!-- Efter: en rigtig knap, som du kan style, som du vil -->
<button onclick="openMenu()">Menu</button>
- Hvis linket ikke tjener noget formål, skal du fjerne det eller erstatte det med almindelig tekst.
- Hvis et
#-link faktisk er tilsigtet – for eksempel hvis det indsættes af et framework, der forbedrer det pålideligt – skal du fundet, så det ikke rapporteres igen.
Sådan tester Silktide dette
- Find alle almindelige links på hver side.
- Rapportér hvert link, hvis
hrefer præcis#.
Links til navngivne positioner på siden, såsom #news, er legitime og bliver
ikke rapporteret.
Fejlfinding
Linket virker, fordi JavaScript håndterer det
Det virker for musebrugere, mens scripts indlæses korrekt, men det annoncerer stadig
sig selv som et link til hjælpeteknologi og ruller stadig til toppen, når scriptet fejler. En <button>
opfører sig korrekt i alle disse tilfælde; hvis det ikke er praktisk at ændre
opmærkningen, skal du godkende fundet.
# kommer fra en framework- eller CMS-komponent
Menu- og fane-komponenter i nogle frameworks og
-temaer genererer som standard href="#". Se
komponentens dokumentation for en måde at gengive en knap eller en reel
destination i stedet.