Untermenu aufklappen - Anfängerfrage

[marctrix]

Hej beatovich,

Gut, damit haben wir aber effektiv 2 Arten vn Navigationen, nämlich

• eine 1-level Navigation für alles was nicht hovert sondern nur focussiert&klickt.
• eine 2-Level Navigation für alle Geräte, die fokussieren von klicken trennen können oder hover erzeugen.

Jein, weil die zweite zusätzlich immer jedem zur Verfügung steht.

Erfüllt werden die folgenden relevanten SCs der WCAG (Dein Hinweis bezog sich vermutlich auf SC 3.2.3?):

#2.1.2 No Keyboard Trap

##Begründung

Die Seite lässt sich komplett durchtabben, der Tastaturfokus bleibt nirgends „hängen“.

2.4.1 Bypass Blocks

##Begründung

HTML wird bestimmungsgemäß verwendet, also beispielsweise Listen für die Navigation. Listen lassen sich für Screenreader-Nutzer per Tastendruck überspringen, so dass diese nciht komplett durchgehabt werden müssen.

Was mein GitHub-Beispiel (noch) nicht enthält, aber mein ergänzender Beitrag für Gerhard1: für sehende Tastatur-Nutzer gehören da noch Skiplinks an den Seitenanfang.

Hier habe ich mich erst mal ausschließlich um die Navigation gekümmert.

#2.4.3 Focus Order

##Begründung

Beim Durchtabben der Seite folgt der Fokus der natürlichen Leserichtung des Kulturbereiches, in dessen Sprache die Seite hauptsächlich verfasst ist (hier Deutsch mit einer typischen Leserichtung von links nach rechts, dann von oben nach unten)

#2.4.4 Link Purpose (In Context)

##Begründung

Der programmatisch ermittelbare Linktext (also der accessible name, hier Name des HTML-Dokumentes und ggfs. Kapitelname) sind aussagekräftig, verständlich und eindeutig.

#2.4.7 Focus Visible

##Begründung

Die Hervorhebung des fokussierten Elementes ist mindestens so deutlich wie die Hervorhebung beim Überfahren mit der Maus (tatsächlich sind meine Hervorhebungen immer besonders deutlich, da ich selber gerne mit der Tastatur navigiere).

#3.2.4 Consistent Identification

#3.2.3 Consistent Navigation

##Begründung

Die Navigationselemente werden auf allen Seiten eingesetzt und verändern sich weder im Aussehen, noch in ihrer Position oder semantischen Auszeichnung. Sie können also aufgrund ihrer identischen Darstellung über das gesamte Angebot hinweg leicht identifiziert werden.

#Nicht erfüllte SCs

##2.4.5. Multiple ways to locate web pages

Begründung

Die einzelnen Seiten sind ausschließlich über die Hauptnavigation erreichbar. Alternative Zugangswege fehlen. Eine Sitemap und/oder Suche wären als Abhilfe geeignet und sollten daher in die reale Webseite noch integriert werden. In dem vorliegenden Beispiel lässt sich das prinzipbedingt (Ausschnitt aus einer Webseite, keine kompletten Dokumente) nicht umsetzen

Wenn ich etwas nicht bedacht habe, @beatovich , bitte ich um Nachricht. Ich werde das dann mit berücksichtigen.

Marc