Matthias Scharwies: SELF-Wiki: zugängliches Dropdown-Menü

Beitrag lesen

problematische Seite

Guten Morgen,

#neue Fragen

Button-Gestaltung

Die Buttons sind weiße Pfeile. Wenn sie den Focus kriegen, werden sie goldfarben. Ist das deutlich genug? (Ich finde nicht, da das Navigationsfeld gold ist und dann wieder auf blau schaltet. Dass der Pfeil jetzt gold ist, merkt doch keiner, oder?)

Technisches Problem: SVGs als Hintergrundbild erlauben weder currentColor noch den Einsatz von custom properties. Soll ich das SVG in das Button-HTML einfügen?

Dann könnte ich currentColor und die custom properties verwenden.

Für [aria-expanded="true"] würde ich das SVG nur um 90° rotieren.

Klassen oder geht's anderscht?

Entweder füge ich den Submenüs bei Click auf den Button eine Klasse visible hinzu oder …

Kann ich :hover per JavaScript triggern? Ne, oder?

Ich weiß, dass das eigentlich gar nicht gehen kann, aber will's trotzdem ausschließen! 😀

Herzliche Grüße

Matthias Scharwies

--
Eigentlich hatte ich heute viel vor - jetzt habe ich morgen viel vor!
0 37

CSS Navbar ok oder gehts übersichtlicher?

JJ
  • css
  • programmiertechnik
  1. 0
    Matthias Scharwies
  2. 0
    Gunnar Bittersmann
    • inclusive design
    1. 0
      JJ
      1. 0
        Gunnar Bittersmann
        1. 0
          JJ
          1. 0
            Gunnar Bittersmann
            • css
            • inclusive design
            1. 0
              JJ
              • css
              • danke
              • inclusive design
              1. 0
                Matthias Scharwies
            2. 0
              Matthias Scharwies
              1. 0
                Matthias Scharwies
                1. 0
                  Gunnar Bittersmann
                  • aria
                  1. 0
                    Matthias Scharwies
                    1. 0
                      Gunnar Bittersmann
                      • html
              2. 0
                Gunnar Bittersmann
                • aria
                • html
                1. 0
                  Matthias Scharwies
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    Matthias Scharwies
              3. 0
                Gunnar Bittersmann
                • html
            3. 0
              JJ
              1. 0
                Matthias Scharwies
                1. 0
                  JJ
                  1. 0
                    Matthias Scharwies
                    1. 0
                      JJ
                      1. 0
                        Auge
                        • css
                        • inclusive design
                        • meinung
              2. 0
                JürgenB
      2. 0

        SELF-Wiki: zugängliches Dropdown-Menü

        Matthias Scharwies
        • html
        • inclusive design
        1. 0
          JürgenB
        2. 0
          JJ
          • danke
          • html
          • inclusive design
          1. 0
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              • javascript
              1. 0
                Matthias Scharwies
                1. 0
                  Matthias Scharwies
                  1. 0
                    Matthias Scharwies
                    • css
                    • javascript
                    1. 1
                      JürgenB
                    2. 1
                      Der Martin
                      1. 0
                        Der Martin
                        • menschelei