|
|||
Listen im Sinne der Barrierefreiheit einsetzen
Im Sinne der Semantik sollte eine Liste die Funktion erfüllen, deren Bedeutung und dessen Sinn sie erfüllen soll. Nämlich der Darstellung und Aufzählung oder -listung von Inhalten. Der korrekte Einsatz und die Anwendung von Webstandards sollte keine zusätzliche Barrieren erzeugen, mit denen sich User im Umgang mit dem Web im Alltag auseinander zu setzen haben. Elemente wie Listen sind nur ein Teil dieses grossen Puzzle's. Sei es als georndete (ol), unsortierte (ul) oder definierte Liste (dl). Sie stellt ein von der Usability her unverzichtbares Element zur Strukturierung von Webseiten dar und kann deutliche Beziehungen zu den Inhalten von Seiten darstellen.
Ein Problem welches bei falscher oder fehlender Bezeichnung von Listen auftreten kann, wurde von Roger Hudson, Russ Weakley and Lisa Miller auf einer Konferenz im Dezember 2005 erläutert. Denn sie haben User von Screenreadern und Texteditoren einer Reihe von Tests unterzogen, um deren Verhalten in Bezug auf Webinhalte, deren Struktur, Reihenfolge im Sourcecode und Navigationen zu untersuchen. Das Thema "Structural labels" nimmt in dieser Präsentation einen nicht unwichtigen Teil ein, denn ihr Ergebnis der Untersuchung zeigt deutlich, dass selbst erfahrene User dieser Nutzungsgruppen enorme Schwierigkeiten haben, Seitennavigationen und lokale Navigationen auseinander halten zu können. Wenn Navigationen inhaltlich hintereinander und ohne entsprechende Auszeichnung präsentiert werden, sind diese oft unbrauchbar. Auch wenn die Links einer Liste andere Styles besitzen, bspw. auf Grund Ihrer Verlinkung als das Label ( bspw. Kategorien und Archiv im ersten Bsp. ). Für sehende Nutzer übersichtliche und einfach aufgebaute Seiten, können somit zu einer unüberwindbaren Hürde werden. Code:
<ul>[*]Kategorien[*]Browser[*]CSS[*]Webstandard[*]XHTML[*]Archiv[*]Januar[*]Februaur[*]...[*]...[/list] Code:
<h3>Kategorien</h3> <ul>[*]Browser[*]CSS[*]Webstandard[*]XHTML[/list] <h3>Archiv</h3> <ul>[*]Januar[*]Februaur[*]...[*]...[/list] In der BITV- Bedingung 13.6 wird die Gruppierung von Navigationselementen sowie die Bereitstellung einer Möglichkeit zum Überspringen der Navigationselemente gefordert. Die Vorteile dieser Bedingung wurden hier kurz angeschnitten und sollten in naher Zukunft im Sine aller User etwas häufiger zum Einsatz kommen als es bisher der Fall ist. Fazit: Eine bessere Auszeichnung für Navigationen, die im Sinne der Semantik und der Usability eindeutige Vorteile schafft und die für mehr Logik im Dokument sorgt, macht die Seitengestaltung unkomplizierter und flexibler. |
Sponsored Links |
|
|||
Warum stellen dann aber soviele User Fragen bezüglich dieser Themen? Wenn alles eine Selbstverständlichkeit ist, warum werden hier dann immer wieder überhaupt Fragen bezüglich Standards und Barrierefreiheit gestellt?
|
|
|||
Ja die List ist absichtlich so ausgezeichnet worden. Das dürfte aber aus dem Text hervorgegangen sein, oder? Und es steht ebenfalls da, das eine solche Liste eine unüberwindbare Hürde darstellen "kann". Es geht doch auch darum, dass eingeschränkte Usern sofort ( und damit ist die Position vor der Liste gemeint ) darüber informiert werden, welchen Inhalt die Liste hat um, sie gegebenfalls überspringen zu können. Bei der aufgeführten Variante müsste man erst in die Liste "hinein", um zu erfahren worum es sich dabei handelt.
In XHTML2 soll es im übrigen später "Label" geben, diese Funktionalität der "Listenbeschreibung" als Überschrift übernehmen sollen. |
|
||||
Zitat:
Du hast zwar kurz etwas zu definierenden Listen geschrieben, aber nicht erklärt, was denn gegen folgendes Konstrukt einzuwenden ist: Code:
<dl> <dt>Kategorien</dt> <dd>Browser</dd> <dd>CSS</dd> <dd>Webstandard</dd> <dd>XHTML</dd> <dt>Archiv</dt> <dd>Januar</dd> <dd>Februaur</dd> <dd>...</dd> <dd>...</dd> </dl> |
|
|||
Gegen definierenden Listen ist nichts einzuwenden. Im Gegenteil. Sie ist wie erwähnt ein alternatives Beispiel zu dem fehlerhaften ersten Beispiel und kein weiteres fehlerhaftes Navigationskonstrukt.
|
|
||||
Hättest Du einfach geschrieben, dass über der Navi-Liste eine <hx> kommen sollte, wäre dein Text verständlicher!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Ahja, das ist interessant.
(Bei leichterer Verständlichkeit des Textes wäre es auch schneller zu erfassen gewesen) Mein derzeitiges Hauptprojekt ist nämlich entgegen den Erwartungen der Screenreader-User aufgebaut: Skiplinks /Content / Seitenbezogene Navi / globale Navi Das mit dem Labeln ist eine sehr gute Idee - hatte ich bisher nur für die Skiplinks gemacht, aber direkt vor der Liste ist es natürlich auch sinnvoll. grüsse
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
@Webstandard
Also für meinen Teil hat sich der Eingangstext sofort erschlossen, aber evtl. habe ich es ja falsch verstanden. Übrigens habe ich dieses Thema mal im Bezug auf Navigationslisten hier diskutiert/diskutieren lassen. Dabei bin ich zu dem Schluß gekommen das ein "labeln" einer Navi-Liste nicht zwingend bzw. eher nicht mit einem H-Tag ausgezeichnet werden sollte. Eine Headline gehört für mich zum Inhalt, ein internes Menü zur Struktur/Organisation.
__________________
</ulle> |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bewertung der Seite bezüglich Coding, Barrierefreiheit, Usability & SEO | ceeweemedia | Site- und Layoutcheck | 14 | 30.07.2011 15:05 |
Verschachtelte Listen nebeneinander | DiHo | CSS | 2 | 07.07.2010 23:23 |
Probleme mit Listen li,ul, etc | michi-muc | CSS | 8 | 19.10.2009 18:23 |
Reports und Listen erzeugen ... | Scheppertreiber | Offtopic | 22 | 15.11.2008 20:14 |
Problem mit Listen in Eltern mit Padding: Punkte werden im verbotenen Bereich angezei | braindead | (X)HTML | 5 | 13.09.2007 16:43 |