marctrix: before: content - wieviel/welcher text ist erlaubt?

Beitrag lesen

Hej Gunnar,

@@Gunnar Bittersmann

<h1>12 Generated content, automatic numbering, and lists</h1>
<h2>12.1 The :before and :after pseudo-elements</h2>

Die Nummerierung kann man auch per CSS erzeugen (weißt du, logo), aber die Frage ist, was besser ist (HTML oder CSS). Ich würde sagen: kommt drauf an. 😉

Wenn der Text aus einer Textverarbeitung kommt, die die Nummerierung automatisch erstellt hat, spricht nichts dagegen, diese ins HTML aufzunehmen. - Man muss dann nur alle zukünftien Aktiualisierungen des Textes - insbesondere wenn die Nummerierung betroffen ist - auch wieder in der Textverarbeitung erledigen und nicht direkt im HTML.

Denn: Solche Nummerierungen per Hand zu erstellen ist ziemlich fehleranfällig und ich würde die eher von CSS machen lassen, als die Nummerierung selber durchzuführen - vor allem bei längeren Texten. Wenn man sich da vertut, ist das verwirrender, als die Nummerierung ganz weg zu lassen.

Da CSS-generierte Inhalte selbst den meisten Screenreadern zugänglich sind, spricht da IMHO auch kaum was gegen, denn die Nummerierung ist meist nicht für das Verständnis nötig und sollte auch ohne explizite Ausgabe bei vernünftig ausgezeichneten und gestalteten Dokumenten erkennbar sein (selbst wenn das CSS abgeschaltet ist, erkennbar an einer nachvollziehbaren Überschriftenstruktur).

Screenreader-Nutzer sind, was die Analyse-Möglichkeiten für eine Webseite betrifft, Sehenden Nutzern ohnehin weit voraus - sie können sich Angaben zu Anzahl der Links, Anzahl der Überschriften u.v.a.m. ausgeben lassen und bekommen zu allen Listen beispielsweise automatisch die Anzahl der enthaltenen Einträge vorab angesagt.

Klar ist: wenn die Nummerierung unabdingbar für das Verständnis ist, muss sie ins HTML, damit sie nicht verloren geht bei abgeschaltetem oder aktivierten Benutzer-CSS!

Das ist grundsätzlich die Regel: in ::before und ::after gehören nur Dinge, die für das Verständnis nciht notwendig sind!

Marc

0 47

before: content - wieviel/welcher text ist erlaubt?

Henry
  • css
  • html
  1. 0
    Matthias Apsel
    1. 0
      Henry
      1. 0
        Erwin
  2. 3
    Gunnar Bittersmann
    1. 0
      Henry
      1. 0
        marctrix
      2. 0
        Gunnar Bittersmann
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              marctrix
              1. 0
                Gunnar Bittersmann
                1. 0
                  marctrix
            2. 1
              dedlfix
              1. 0
                marctrix
                1. 0
                  marctrix
                  1. 0
                    marctrix
        2. 0
          Henry
          1. 0
            Auge
          2. 0
            Gunnar Bittersmann
            1. 0
              JürgenB
              1. 0
                Matthias Apsel
              2. 1
                marctrix
                1. 0
                  JürgenB
                  1. 0
                    marctrix
                    1. 0
                      JürgenB
                      1. 0
                        marctrix
                        1. 1
                          dedlfix
                          1. 0
                            marctrix
                          2. 1
                            Christian Kruse
                    2. 0
                      Tabellenkalk
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Henry
                          • menschelei
                          • sonstiges
                      2. 0
                        marctrix
                        1. 0
                          dedlfix
                          1. 2
                            Gunnar Bittersmann
                            • menschelei
                          2. 0
                            marctrix
                            1. 0
                              Tabellenkalk
                              • hardware
  3. 2

    before: content - wieviel/welcher text ist erlaubt? *beantwortet

    Henry
    • css
    • gelöst
    • html
    1. 2
      Gunnar Bittersmann
      1. 0
        Henry
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            • css
            • sprache
            • typografie
        2. 0
          Henry
          1. 0
            Auge
            1. 0
              Henry
              1. 0
                Gunnar Bittersmann