Gunnar Bittersmann: Conditional Comment sinnlos

Beitrag lesen

@@var

Ich sehe allerdings gerade, dass laut dieser Quelle das <main> Element nicht mal vom IE11 unterstützt wird!

Was verstehst du unter „unterstützt“?

Dass ein Browser das main-Element nicht als Blockelement formatiert? Falls das nötig sein sollte, ist dem mit main { display: block } im Stylesheet schnell abgeholfen. Aktuelle Browser wenden CSS-Regeln auch auf ihnen unbekannte Elementtypen an.

(Nur alte IEs tun eben das nicht, deshalb muss bei denen mit JavaScript (html5shiv) nachgeholfen werden.)

Das ist aber nicht das einzige, was „Unterstützung“ beinhaltet. Sondern auch, dass ein Browser die Rolle des Elements kennt und an assitve Technologien wie Screenreader weiterleitet.

Und da dies momentan noch nicht alle Browser tun, sollte man die Rolle explizit angeben und <main role="main"> schreiben.

Nichts für ungut, aber das ist doch wohl keine zu vernachlässigende Menge und würde eigentlich klar gegen die Verwendung des <main> Elementes sprechen...

Nein, das main-Element tut niemandem weh. Und mit erwähnter Regel im Stylesheet und Angabe des role-Attributs wird es weitgehend unterstützt. Also verwenden!

LLAP 🖖

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
0 45

Layout mit flex-box

var
  • css
  • design/layout
  1. 0
    Matthias Scharwies
    1. 0
      var
      1. 0
        Matthias Scharwies
  2. 0
    Gunnar Bittersmann
    1. 1
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
        1. 0
          juli
          • browser
          • css
          • design/layout
          1. 0
            Matthias Scharwies
            1. 0

              Layout mit flex-box, zeig doch mal bitte vollständig

              juli
              • browser
              • css
              • zu diesem forum
              1. 0
                Gunnar Bittersmann
                1. 0

                  URI oder URL

                  dedlfix
                  • internet
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                    2. 0
                      Matthias Apsel
      2. 0
        juni
        1. 0
          Matthias Scharwies
    2. 0
      var
      1. 0
        Matthias Apsel
        1. 0
          var
          1. 0
            Matthias Apsel
          2. 0
            Gunnar Bittersmann
            • zu diesem forum
            1. 0
              var
      2. 0
        Gunnar Bittersmann
        • css
        • html
        1. 0
          var
      3. 0

        "flex-basis: auto" war der Übeltäter!

        var
        1. 0
          Matthias Scharwies
          1. 0
            var
            1. 0
              Tabellenkalk
            2. 1
              Matthias Apsel
              1. 0
                var
              2. 0

                Conditional Comment sinnlos

                var
                1. 0
                  Matthias Scharwies
                  1. 0
                    Matthias Scharwies
                    1. 0
                      var
                      1. 0
                        Gunnar Bittersmann
                        • browser
                        • css
                2. 1
                  Gunnar Bittersmann
                  • barrierefreiheit
                  • css
                  • html
                  1. 0
                    Gunnar Bittersmann
                    • barrierefreiheit
                    • html
                    1. 0
                      var
                      1. -2
                        MrMurphy1
                        1. 0
                          Gunnar Bittersmann
                          • css
                          • html
                          1. 0
                            Matthias Apsel
            3. 0
              Matthias Scharwies
          2. 0
            Gunnar Bittersmann