JürgenB: Fragen zum Hamburger Button

Beitrag lesen

Hallo Gunnar,

Anstatt aria-label bietet sich für die zugängliche Beschriftung ein visuell verstecktes Element an. Das hat den Vorteil, dass der Text im Elementinhalt ist, nicht im Attributwert, und von automatischen Übersetzern auch übersetzt wird.

Mit dem aria-expanded-Attibut sollte der Button geschwätzig genug sein, sodass „Menü“ als Beschriftung ausreichen sollte – ohne „öffnen/schließen“.

und mit popover kann man auf das Aria-Zeug verzichten, da ist das doch schon drin, oder?

Gruß
Jürgen

0 67

Fragen zum Hamburger Button

Gabriele
  • css
  • html
  • javascript
  1. 0
    Gunnar Bittersmann
    • css
    1. 0
      Gabriele
      1. 0
        JürgenB
        1. 0
          Gabriele
          1. 0
            JürgenB
            1. 0
              Gabriele
              1. 0
                JürgenB
                1. 0
                  Gabriele
                  1. 0
                    JürgenB
              2. 0
                Gabriele
                1. 0
                  JürgenB
                  1. 0
                    Gabriele
                    1. 0
                      Der Martin
                      • menschelei
                      • verein
                    2. 0
                      JürgenB
  2. 0
    JürgenB
  3. 0
    Gunnar Bittersmann
    • barrierefreiheit
    • html
    1. 0
      JürgenB
      1. 0
        Gunnar Bittersmann
  4. 0
    Gabriele
    1. -2
      Winfried
      1. 0
        Gabriele
        1. 0
          Gunnar Bittersmann
          • css
          • ki
      2. 0
        Gunnar Bittersmann
        • css
        • javascript
      3. 0
        Gunnar Bittersmann
        • css
        • javascript
        • ki
        1. 0
          Gunnar Bittersmann
          • anchor positioning
          • css
          1. 0
            Gunnar Bittersmann
            1. -1
              Matthias Scharwies
              1. 0
                Gunnar Bittersmann
  5. 0

    Flyout-Menü

    Matthias Scharwies
  6. 0

    Flyout-Navigation mit popover?

    Matthias Scharwies
    • css
    • html
    1. 0
      JürgenB
      1. 0
        Matthias Scharwies
        1. 0
          JürgenB
          1. 0
            Matthias Scharwies
            1. 0
              Tabellenkalk
    2. 0
      Matthias Scharwies
      • anchor positioning
      • css
      • popover
      1. 0
        Gunnar Bittersmann
        • barrierefreiheit
        • popover
        • ux
        1. 0
          Matthias Scharwies
          1. 0
            Gunnar Bittersmann
            • selftreffen
      2. 0
        Nico R.
        1. 0
          Matthias Scharwies
          1. 0
            Gunnar Bittersmann
            1. 0
              Auge
              1. 0
                Gunnar Bittersmann
                • menschelei
                1. 0
                  Matthias Scharwies
              2. 0
                Nico R.
                1. 0
                  Gunnar Bittersmann
                  • sonstiges
                  1. 0
                    Nico R.
                    1. 0
                      Gunnar Bittersmann
                2. 0
                  Auge
                  1. 0
                    Gunnar Bittersmann
                    • design
                    1. 0
                      Auge
      3. 0
        Rolf B
        1. 0
          Matthias Scharwies
          1. 0
            Rolf B
          2. 0
            Rolf B
            1. 0
              Gunnar Bittersmann
              • css
              • performance
      4. 0
        Gunnar Bittersmann
        • css
      5. 0
        Gunnar Bittersmann
        • animation
        • ux
      6. 0

        Flyout-Navigation mit popover

        Matthias Scharwies
        1. 0
          Gunnar Bittersmann
          1. 0
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Scharwies
                1. 0
                  Rolf B
                  1. 0
                    Gunnar Bittersmann