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

Beitrag lesen

Hallo,

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

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. Dies ist per CSS um ein Vielfaches einfacher und der Quelltext schrumpft (Bündelung von Formatangaben in Klassen). Dies verringert natürlich auch die Dokumentengröße, wodurch zugleich das Transfervolumen kleiner und die Seite schneller geladen wird. 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.
Zitat Ende

MfG
cross

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