Gunnar Bittersmann: CSS Navbar ok oder gehts übersichtlicher?

Beitrag lesen

@@Matthias Scharwies

Du hast in deinem Beispiel visually-hidden verwendet. […]
[Ich] würde gerne auf .screenreader-only oder sowas verzichten.

Bei aria-label steht der Text in einem Attribut; bei <span class="visually-hidden"> (oder wie auch immer man die Klasse nennt) steht der Text in einem Element.

Das Hauptargument gegen ersteres ist IIRC, dass Attributwerte von automatischen Übersetzern nicht übersetzt werden. (Oder haben die inzwischen eine Liste von Attributen, deren Werte sie doch übersetzen sollen? alt fiele mir ein.)

Ansonsten sollten beide Varianten gleichwertig sein; zweite aber bevorzugt.


Sollte die ul ul eine id und der button ein aria-controls enthalten?

Ich hab da Heydon im Ohr, der sagt: braucht man nicht, wenn das gesteuerte Element unmittelbar nach dem Button folgt.

🖖 Живіть довго і процвітайте

--
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter
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