suit: Dropdown Menu rür Alle (Bitte testen)

Beitrag lesen

ich habe einmal eine grundsätzliche Frage: Wie passt Javascript in Deinem Menü zur Barrierefreiheit? Imho gar nicht:

Trenne dich von dem gedanken, die deutschsprachige Wikipedia hätte vernünftige Informationen zum Thema Webentwicklung.

Die Informationen dort sind großteils hochgradig falsch, irreführend oder haarsträubend.

Zitat Wikipedia "Barrierefreies Internet":
Interaktive Schaltflächen per CSS

Oftmals werden Navigationen noch mit Hilfe von JavaScript oder mittels Plug-ins (z. B.: Adobe Flash) realisiert. Dies kann den Quelltext unnötig umfangreich machen und sperrt Benutzer aus, wenn zum Beispiel:

* deren Browser kein JavaScript unterstützen (z. B.: Lynx),
    * die JavaScript-Unterstützung im Browser deaktiviert ist (z. B. aus Sicherheitsgründen),
    * die benötigten Plug-ins nicht installiert sind
    * oder der Nutzer durch eine Behinderung nicht in der Lage ist, die Navigation wahrzunehmen oder zu bedienen.

Bei den meisten Schaltflächen im Internet werden einfach nur Hintergrundfarbe oder -bild sowie Textfarbe und -dekoration ausgetauscht.

Die Hintergrundfarbe oder eine Hintergrundfarbe zu tauschen ist NICHT Barrierefrei. Hintergrundfarben kann man deaktivieren, bei Menschen mit schwerden Farbfehlsichtigkeiten ist das oft der Fall. Dann hat man ein Problem, wenn keine Unterscheidung zwischen :hover und Normalzustand möglich ist.

Dies ist per CSS um ein Vielfaches einfacher und der Quelltext schrumpft (Bündelung von Formatangaben in Klassen).

Das fällt in die Kategorie haarsträubend bzw. Bullshit-Bingo.

Dies verringert natürlich auch die Dokumentengröße, wodurch zugleich das Transfervolumen kleiner und die Seite schneller geladen wird.

Und das macht eine Seite barrierefreier?

Durch eine Ausgliederung der CSS-Angaben in eine externe Datei können weitere Verbesserungen in Bezug auf Transfervolumen und Ladezeit erreicht werden, da die Formatierungen nur einmal – und nicht bei jedem neuen Aufruf – zum User übertragen werden müssen.

Aber das jetzt?

Zitat Ende

Übrigens gilt obenstehendes auch für Links die nur eine Änderung der Farbe beim :hover durchführen: FAIL.

Trenne dich von dem Irrglauben "JavaScript != Barrierefrei".

In der Tat ist ein ordentliches Menü durch JavaScript ergänzt (um z.B. eine ordentliche Tastaturnavigation zu ermöglichen) wesentlich Barriereärmer als eine auf biegen und brechen auf CSS-Only getrimmte Navigation die selbst mit der Maus schwer bedienbar ist, weil man mit aktuellen technischen mitteln kaum Animationen[!] oder Zeitverzögerung einbauen kann.

0 45

Dropdown Menu rür Alle (Bitte testen)

Beat
  • barrierefreiheit
  1. 0

    Rückzug

    Beat
    1. 0

      Korrigierte Fassung

      Beat
      1. 0
        Felix Riesterer
      2. 0

        Ergebnis IE6 im IE-Tester

        Matthias Apsel
      3. 0

        Ergebnis IE7 im IE-Tester

        Matthias Apsel
        1. 0
          Beat
  2. 0
    cross
    1. 1
      suit
      1. 0
        Gunnar Bittersmann
        1. 0
          suit
          1. 0
            Gunnar Bittersmann
            1. 0
              suit
    2. 1
      Beat
      1. 0
        cross (nicht angemeldet)
        1. 0
          dave
        2. 1
          suit
          1. 0
            suit
            1. 0

              :after:after:after{}

              Beat
              • css
              1. 0
                Matthias Apsel
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Matthias Apsel
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Matthias Apsel
            2. 0
              Gunnar Bittersmann
              1. 0
                suit
        3. 0
          Beat
  3. 0
    ScaraX
    1. 0
      Matthias Apsel
      1. 0
        ScaraX
        1. 0
          suit
        2. 0
          Beat
      2. 0
        suit
        1. 0
          Beat
        2. 0
          Matthias Apsel
    2. 0
      Beat
      1. 0
        ScaraX
        1. 0
          Beat
  4. 0

    neue aktuelle Version für Tests

    Beat
    1. 0
      Matthias Apsel
      1. 0
        Beat
        1. 0
          Beat
    2. 0

      Überlegungen

      Matthias Apsel
      1. 0
        Beat
  5. 0

    WIKI Live-Beispiel

    Beat