Inhaltsverzeichnis
Mit diesem Widget kannst du Listen erstellen und formatieren. Du kannst sowohl ungeordnete Listen (Bullet-Listen) als auch geordnete Listen (Nummerierungslisten) erstellen und nach deinen Bedürfnissen formatieren.
Dieses Widget ermöglicht es, Listen mit Symbolen oder Icons zu erstellen. Du kannst aus einer Vielzahl von Symbolen wählen und diese mit Text kombinieren.
Dies ist das Aussehen eines neuen Symbollisten-Widget.
In diesem Fall müssen die Symbole mit aria-hidden="true" verwendet werden, um sie vor Screenreadern zu verbergen. Warum fragst du dich jetzt, da sonst der Screenreader das Icon ausspricht, was verwirrend ist.
Als Beispiel habe ich nun beim ersten Aufzählungspunkt der drei Aufzählungen aria-hidden="true" gelöscht. Dann liest der Screenreader folgendes vor:
Was hier sicher unschön ist, dass das Bild/Icon beim ersten Aufzählungspunkt vorgelesen wird. Jetzt stell dir vor, du hast eine sehr lange Liste. Und müsstest alle die Bilder auch noch vorlesen lassen…
Wenn du dich entscheidest, deine Listenelemente zu verknüpfen, wird der Link richtig um das Symbol und das Listenelement herum gesetzt. Wichtig ist es auch, dass sich der Link nicht in einem neuen Fenster im Browser öffnet. Für den Benutzer ist es einfacher wenn einfach mit dem «Zurück-Befehl» auf die letzte Seite zurückspringen kann.
Auch die Navigation ist als Liste aufgebaut.
Mit diesem Widget werden Listen von Blog-Beiträgen oder andere Inhalte erstellt.
Auch das Inhaltsverzeichnis ist eine Liste und hilft den Screenreader-Benutzer bei der schnelleren Navigation auf der Seite.
