Liste semantiche
Silktide verifica che gli elementi elenco nelle tue pagine contengano solo elementi elenco come figli diretti. Quando altri elementi vengono inseriti direttamente in un elenco, la può riportare in modo errato quanti elementi contiene l'elenco.
<!-- Errato: i div nascondono gli elementi ai lettori di schermo -->
<ul>
<div class="group">
<li>Esempio 1</li>
</div>
<div class="group">
<li>Esempio 2</li>
<li>Esempio 3</li>
</div>
</ul>
<!-- Corretto: solo elementi elenco direttamente all'interno dell'elenco -->
<ul>
<li>Esempio 1</li>
<li>Esempio 2</li>
<li>Esempio 3</li>
</ul>
Perché è importante
Quando un entra in un elenco, annuncia quanti elementi contiene, ad esempio «elenco, 3 elementi». Questo comunica all'utente quanto contenuto aspettarsi e gli consente di saltarlo con sicurezza. Gli elementi contenitore all'interno dell'elenco alterano questo conteggio: l'esempio precedente potrebbe essere annunciato come un elenco di due elementi, quando in realtà ne contiene tre. I menu di navigazione sono i più colpiti, poiché di solito sono creati come elenchi.
Come risolvere il problema
- Rimuovi gli elementi contenitore, come
<div>o<span>, direttamente all'interno degli elementi<ul>e<ol>, in modo che rimangano solo gli elementi<li>. - Se ti serve il contenitore per lo stile, spostalo all'interno di
<li>oppure applica lo stile direttamente agli elementi<li>. - Per annidare un elenco all'interno di un altro, inserisci l'
<ul>o l'<ol>interno all'interno di un elemento<li>padre.
Come esegue il controllo Silktide
- Trova ogni elemento
<ul>e<ol>nella pagina. - Esamina ciascun figlio diretto dell'elenco.
- Segnala ogni figlio che non sia un elemento elenco (
<li>) o un elenco annidato. I commenti e gli spazi vuoti tra gli elementi sono consentiti e vengono ignorati.