marctrix: <li>-Bullet bei <ul> durch Pfeil ersetzen. Problem bei mehrzeiligen Listenelementen

Beitrag lesen

Hej Bruno,

Letzte Frage, nicht dringlich, nur aus prinzipiellem Interesse: Warum sind Tabellen so in Verruf geraten, wie es scheint?

Sie sind schlciht umständlicher zu handeln als moderne Techniken wie flexbox oder Grid. Selbst Layouts mit float waren leichter responsiv umsetzbar als Tabellen-Layouts.

Außerdem blähen Tabellen den Quellcode auf, sind semantisch nicht das an der Stelle benötigte Element (wenn sie aus Layout-Gründen verwendet werden) und bedürfen der extra-Behandlung um im barrierefreien Umfeld nicht zu stören (role="presentation").

Man muss auch darauf achten, dass die in Tabellen dargestellten Inhalte linearisierbar sind, das heißt sie müssen linear gelesen (von links nach rechts, Zeile für Zeile) sinn ergeben, weil das genau die Reihenfolge ist, die Screenreader ausgeben.

Beispiel für Öffnungszeiten:

| Montag | Dienstag | Mittwoch | Donnerstag | Freitag | |vorm. | nachm. | vor- und nachm.| vorm.|nachm. |

würde wie folgt vorgelesen:

Montag, Dienstag, Mittwoch, Donnerstag, Freitag, vorm., nachm., vor- und nachm., vorm., nachm.

Das ist natürlich vollkommen unverständlich…

Marc

0 71

<li>-Bullet bei <ul> durch Pfeil ersetzen. Problem bei mehrzeiligen Listenelementen

Bruno Thomann
  • css
  1. 0
    beatovich
    1. 0
      Bruno Thomann
  2. 1
    Rolf B
    1. 0
      Bruno Thomann
      1. 0
        Rolf B
        1. 0
          Bruno Thomann
        2. 0
          beatovich
      2. 0
        marctrix
  3. 1
    Gunnar Bittersmann
    1. 0
      Bruno Thomann
      1. 0
        MudGuard
      2. 0
        Gunnar Bittersmann
        • css
        • svg
        1. 0
          Gunnar Bittersmann
    2. 0
      Rolf B
      • svg
      1. 0
        beatovich
        1. 0
          Rolf B
          1. 1
            beatovich
          2. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              1. 0
                Rolf B
        2. 0

          SVG skalieren

          Matthias Scharwies
      2. 0

        Font-Awesome-Icons als SVG

        Gunnar Bittersmann
    3. 1

      Optimizing SVGs in data URIs

      Gunnar Bittersmann
      • css
      • svg
      1. 1
        Matthias Scharwies
  4. 0
    Bruno Thomann
    1. 0
      Rolf B
      1. 0
        beatovich
      2. 0
        Gunnar Bittersmann
    2. 0
      Gunnar Bittersmann
      1. 0
        Bruno Thomann
        1. 0
          Gunnar Bittersmann
          • css
          • html
          • svg
          1. 2
            Bruno Thomann
            1. 0
              marctrix
              1. 0
                Bruno Thomann
            2. 1
              Auge
              1. 0
                Bruno Thomann
            3. 1
              Gunnar Bittersmann
              • css
              • html
    3. 0
      marctrix
      1. 0
        beatovich
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              marctrix
              1. 0
                beatovich
                1. 0
                  marctrix
                  1. -1
                    beatovich
                    1. 1
                      marctrix
                    2. 1
                      Auge
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 1
                              Auge
                              1. 0
                                beatovich
                                1. 1
                                  Auge
                        2. 1
                          Auge
                          1. 0
                            beatovich
                            1. 1
                              Auge
                              1. 0
                                beatovich
                    3. 1
                      Gunnar Bittersmann
                      1. 0
                        beatovich
          2. 0
            beatovich
            1. 1
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                2. 0
                  Gunnar Bittersmann
                  • css
                  • zu diesem forum
                  1. 0
                    Matthias Apsel
                    1. 0
                      Gunnar Bittersmann
                      • zu diesem forum
                      1. 0
                        Christian Kruse
            2. 0
              marctrix