Semantiska länkar
Silktide letar efter grupper av länkar som fungerar som en meny eller ett navigeringsavsnitt men som inte har markerats som en lista. Den hittar också tabeller med en enda kolumn som används för att strukturera det som egentligen är en lista med objekt.
Grupper av relaterade länkar – menyer, sidfötter och block med ”relaterade sidor” – bör skrivas som listor i , så att deras struktur är tydlig:
<!-- Problem: ett navigeringsblock utan struktur -->
<a href="/about">Om oss</a>
<a href="/products">Produkter</a>
<a href="/contact">Kontakta oss</a>
<!-- Åtgärdat: länkarna är objekt i en lista -->
<ul>
<li><a href="/about">Om oss</a></li>
<li><a href="/products">Produkter</a></li>
<li><a href="/contact">Kontakta oss</a></li>
</ul>
Varför detta är viktigt
När länkar finns i en lista meddelar en gruppen och dess storlek, och den som lyssnar kan hoppa över hela gruppen i ett steg – viktigt när samma navigering upprepas på varje sida. Länkar som skrivs löst erbjuder ingen sådan genväg: en besökare kan behöva gå igenom dussintals eller hundratals länkar, en i taget, innan innehållet nås, på varje sida de besöker.
Så här åtgärdar du det
- Omslut varje grupp av relaterade länkar med en
<ul>(eller<ol>när ordningen är viktig), och placera varje länk i ett eget<li>. För navigering bör du också omsluta listan med ett<nav>-element så att den meddelas som navigering. - Ersätt tabeller med en enda kolumn med en lista – en tabell med en kolumn har inga tabellrelationer, och listmarkering beskriver den bättre:
<!-- Problem: en tabell med en kolumn som används som lista -->
<table>
<tr><td>Banan</td></tr>
<tr><td>Äpple</td></tr>
</table>
<!-- Åtgärdat -->
<ul>
<li>Banan</li>
<li>Äpple</li>
</ul>
Så här testar Silktide detta
- Gå igenom elementen på varje sida och hoppa över innehåll som redan finns i listmarkering.
- Rapportera ett element som innehåller tre eller fler länkar i följd med mindre än 30 tecken annan text mellan dem – ett starkt tecken på en meny eller länkgrupp. Block som avbryts av innehåll som stycken, rubriker eller bilder betraktas inte som länkgrupper.
- Rapportera separat tabeller som bara har en kolumn och innehåller text, som listor förklädda till tabeller.
Felsökning
Mina länkar är separerade av verkligt innehåll
Silktide slutar betrakta ett block som navigering när det innehåller omfattande text eller innehållselement mellan länkarna. Om en flaggad grupp faktiskt läses som löpande text snarare än en meny kan du resultatet.
Länkar i en mening
Länkar som löper inne i en mening bör inte finnas i en lista. Den här kontrollen tolererar korta textavsnitt mellan länkar, men om en mening med länkade fraser flaggas ska du godkänna den.