Listen müssen korrekt strukturiert sein
Blind
Hören
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Casandra Visser
Autor
Yotam Flohr
Forscher
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare:
0
Listen müssen korrekt ausgezeichnet sein, was bedeutet, dass sie keine anderen Inhaltselemente als <li>-Elemente enthalten dürfen.
Warum es wichtig ist
Screenreader lesen Listen den Benutzern auf eine bestimmte Weise vor, aber dies funktioniert nur, wenn Listen richtig strukturiert sind.
Damit eine Liste gültig ist, muss sie entweder ein <ul>– oder <ol>-Element enthalten und darin ausschließlich <li> als untergeordnete Elemente aufweisen.
Einige Nicht-Inhaltselemente wie <script>, <template>, <style>, <meta>, <link>, <map>, <area> und <datalist> sind innerhalb von Listen erlaubt. Andere Inhaltselemente als <li> sind jedoch nicht zulässig.
Behebung des Problems
Alle geordneten (<ol>) und ungeordneten (<ul>) Listen dürfen nur <li>-Elemente als untergeordnete Elemente enthalten.
Gutes Code-Beispiel
Codebeispiel
<p>Dies sind einige meiner Lieblingsdinge:</p>
<ul>
<li>Regentropfen auf Rosen</li>
<li>Schnurrhaare von Kätzchen</li>
<li>Helle Kupferkessel</li>
<li>Warme Wollhandschuhe</li>
<li>Braune Papierpakete, die mit Schnüren gebunden sind</li>
<li>Cremfarbene Ponys</li>
<li>Knusprige Apfelstrudel</li>
<li>Türklingeln und Schlittenglocken</li>
<li>Schnitzel mit Nudeln</li>
<li>Wilde Gänse, die mit dem Mond auf ihren Flügeln fliegen</li>
<li>Mädchen in weißen Kleidern mit blauen Satinschärpen</li>
<li>Schneeflocken, die auf meiner Nase und meinen Wimpern bleiben</li>
<li>Silberweiße Winter, die in Frühlinge schmelzen</li>
</ul>
Kopieren