Nieprawidłowo zbudowane listy

Komunikat w axe i Lighthouse: Elementy <ul> i <ol> mogą bezpośrednio zawierać tylko elementy <li>, <script> lub <template>. · list · WCAG 1.3.1

Co to oznacza i dlaczego jest ważne

Czytniki ekranu podają liczbę elementów listy; błędne znaczniki ukrywają tę strukturę (WCAG 1.3.1).

Jak naprawić

<ul>/<ol> mogą bezpośrednio zawierać tylko elementy <li> (oraz script/template).

Przykład kodu

Przed

<ul>
  <div>Shipping</div>
  <li>Returns</li>
</ul>

Po

<ul>
  <li>Shipping</li>
  <li>Returns</li>
</ul>

Wszystkie błędy dostępności