Gunnar Bittersmann: zugängliches Dropdown-Menü funzt net

Beitrag lesen

problematische Seite

@@Matthias Scharwies

Danke, ich hab's kopiert und versuch's mal in das JS-Tutorial einzubauen.

Da besteht noch einiges Verbesserungspotential. this anstatt event.target hatte ich ja schon erwähnt, aber auch damit wäre

event.target.parentNode.classList.toggle("open");

const open = event.target.parentNode.classList.contains("open");

noch unsinnig. Element.classList.toggle() gibt ja schon genau das zurück, was man haben möchte. Die Abfrage mit Element.classList.contains() ist Quatsch.

const open = this.parentNode.classList.toggle("open");

und gut ist.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
1 64

zugängliches Dropdown-Menü funzt net

Matthias Scharwies
  • css
  • selfhtml-wiki
  1. 0
    Felix Riesterer
    1. 0
      Matthias Apsel
      1. 0
        Matthias Scharwies
        1. 0
          Matthias Apsel
          1. 0
            Matthias Apsel
            1. 0
              Felix Riesterer
              1. 0
                Matthias Apsel
                1. 0
                  Felix Riesterer
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Matthias Apsel
                2. 0
                  Gunnar Bittersmann
        2. 0
          marctrix
          1. 0
            Matthias Scharwies
            1. 0
              marctrix
      2. 0
        Felix Riesterer
        1. 0
          Matthias Apsel
          1. 0
            Felix Riesterer
            1. 0
              Matthias Apsel
              • css
              • usability
              1. 0
                Camping_RIDER
        2. 1

          meine Lösung des Problems

          Camping_RIDER
          1. 0
            Gunnar Bittersmann
            1. 0
              Camping_RIDER
              1. 0
                Gunnar Bittersmann
                1. 1
                  Camping_RIDER
          2. 0
            MudGuard
            1. 0
              Camping_RIDER
  2. 1
    Gunnar Bittersmann
  3. 0
    Felix Riesterer
    1. 1
      Gunnar Bittersmann
      • javascript
      • selfhtml-wiki
      1. 0
        Felix Riesterer
        1. 1
          Gunnar Bittersmann
          • javascript
          1. 1
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              1. 4
                1unitedpower
          2. 0
            Felix Riesterer
            1. 0
              Gunnar Bittersmann
              1. 2
                Gunnar Bittersmann
                1. 0
                  Gunnar Bittersmann
                2. 1
                  MudGuard
            2. 0
              Gunnar Bittersmann
              • usability
              • ux
              1. 1

                Doppelmoral? Konzeptproblem?

                Camping_RIDER
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunnar Bittersmann
                    1. 2
                      Mitleser
                      1. 0
                        Gunnar Bittersmann
                        1. 2
                          Mitleser
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Mitleser
        2. 1
          Camping_RIDER
          1. 0
            Felix Riesterer
            1. 0
              Camping_RIDER
  4. 0
    Felix Riesterer
    1. 0
      Camping_RIDER
  5. 0

    und mein Versuch einer Lösung

    JürgenB
    1. 0
      Gunnar Bittersmann
      1. 0
        JürgenB
        1. 0
          Gunnar Bittersmann
          1. 0
            JürgenB
      2. 0
        Felix Riesterer
    2. 0
      Camping_RIDER
      1. 0
        JürgenB
  6. 0

    zugängliches Dropdown-Menü -vorläufiges Fazit

    Matthias Scharwies
    1. 0
      Gunnar Bittersmann