daniel84: SPAN contra EM/STRONG/...

Beitrag lesen

Hallo fireeye,

ich bleibe jetzt einfach mal bei meiner Meinung, dass du noch immer nicht ganz verstanden hast, was wir dir mitteilen wollen.

Somit klingt es für mich absurd, zu wissen, daß es CSS gibt, das auch von CSS-fähigen Browsern angewendet werden könnte, aber aus Rücksicht auf Clients, die CSS nicht verstehen, dann dieses hervorragende Mittel nicht anzuwenden.

Du sollst _nicht_ auf CSS verzichten (das hat dir im ganzen Thread noch niemand geraden). Ich versuchs mal mit einem etwas anderen Ansatz. Du hast in deinem konkreten Fall zwei Möglichkeiten:

A) Du verwendest <SPAN class="irgendwas">Begriff</SPAN>, um den Begriff hervorzuheben
B) Du verwendest <EM>Begriff</EM> (oder auch <EM class="irgendwas">Begriff</EM>), um den Begriff hervorzuheben

Variante A erlaubt CSS-fähigen Clients (die zweifelsohne die Mehrheit der Zugriffe auf deine Seiten ausmachen werden - zumindest im Jahre 2005 noch) die Hervorhebung des Begriffs nach deinen Wünschen - du kannst eine Farbe zuweisen, den Begriff unterstreichen, mit einem Hintergrund versehen; die Möglichkeiten sind schier unbegrenzt. Ist der Benutzer deiner Seite nun aber blind, verwendet er einen Screenreader (eine Software, die u.a. Websites vorliest). Screenreader können mit Schriftformatierungen nichts anfangen - einleuchtenderweise. Screenreader interessieren sich ebenfalls nicht für dein <SPAN> - da es ein Element ohne logische Bedeutung ist (per Definition).

Variante B erlaubt CSS-fähigen Clients _genau das gleiche_ wie Variante A. Du kannst genau die gleichen Eigenschaften zuweisen, wie du das in Variante A kannst. Ev. musst du zudem eine oder zwei Eigenschaften definieren, da dir die gängigen Default-Werte dieser Elemente nicht gefallen. Schlussendlich bekommt aber der sehende Mensch, der einen Firefox oder einen IE benutzt, _genau_ das gleiche zu sehen wie in Variante A. Nun kommen wir aber zum blinden Benutzer, der einen Screenreader benutzt. Die Software stösst auf ein EM-Element und - nun kommt es - weiss, dass der damit ausgezeichnete Abschnitt eine besondere Bedeutung hat. Auch der Screenreader hat Default-Werte, die nun z.B. dazu führen, dass der Begriff betont wird. Somit hat der Blinde die Möglichkeit, mehr Informationen aus dem ihm vorgelesenen Text zu entnehmen - er weiss nämlich, dass du den Begriff hervorheben wolltest.

Summa summarum bietest du dem "normalen", sehenden, einen modernen Browser benutzenden Besucher genau den gleichen Wert. Darüber hinaus hast du aber die Möglichkeit, weiteren Benutzergruppen ohne Mehraufwand erheblichen Mehrwert zu bieten! Gibt es einen plausiblen Grund, auf diese Möglichkeit zu verzichten?!

So kann Ich kann auf Javascript nicht verzichten, eine Navigation von mehr als 1300 Menüeinträgen, dazu noch hierachisch unter purem HTML zu gestalten, kommt einem aussichtslosem Vorhaben gleich.

Das ist wiederum eine falsche Perspektive. Es geht nicht darum, so etwas _entweder_ mit Javascript _oder_ mit HTML zugänglich zu machen - du hast die Möglichkeit, beides auf einen Schlag zu erledigen! Schau dir z.B. dieses Beispiel von Gernot an - einmal mit aktiviertem Javascript, einmal mit deaktiviertem. Du erkennst, dass es mit Javascript viel übersichtlicher dargestellt wird, weil nicht schon zu Beginn alle Unter-Unter-Punkte sichtbar sind. Das ist schön für den Benutzer, der mit einem Javascript-fähigen Client die Seite besucht. Kommt nun aber jemand - aus welchen Gründen auch immer - ohne Javascript-Unterstützung auf die Seite, stehen ihm immer noch 100% der Informationen zur Verfügung!

Beide Techniken (CSS und Javascript) haben eins gemeinsam: Sie sind zwar faszinierend und man sollte sie natürlich einsetzen, um Mehrwert anzubieten - die Inhalte der Seiten sollten aber _immer_ auch ohne diese Techniken vollständig zugänglich sein!

Gruss aus Luzern,
Daniel

0 90

Spans nebeneinander in einer Html-Seite darstellen

Messmar
  • html
  1. 2
    MudGuard
    1. 0
      Messmar
      1. 0
        egon
        • css
        1. 0
          Messmar
          1. 2
            MudGuard
            1. 0
              Messmar
              1. 2
                egon
              2. 1
                fireeye
                1. 0
                  daniel84
                  1. 0
                    fireeye
                    1. 0
                      daniel84
                      1. 0

                        SPAN contra EM/STRONG/...

                        fireeye
                        1. 0
                          wahsaga
                          1. 0
                            fireeye
                            1. 0
                              wahsaga
                              1. 0
                                fireeye
                                1. 0
                                  Struppi
                                  1. 0
                                    fireeye
                                    1. 0
                                      Struppi
                                    2. 0
                                      wahsaga
                                      1. 0
                                        fireeye
                                        1. 0
                                          MudGuard
                                          1. 0
                                            fireeye
                                            1. 0
                                              daniel84
                                            2. 0
                                              at
                                        2. 0
                                          daniel84
                                2. 0
                                  wahsaga
                            2. 0
                              at
                        2. 0
                          Struppi
                          1. 0
                            fireeye
                            1. 0
                              Struppi
                              1. 0
                                fireeye
                            2. 0
                              Ingo Turski
                              1. 0
                                fireeye
                                1. 0
                                  daniel84
                                  1. 0
                                    fireeye
                                    1. 1
                                      daniel84
                                      1. 0
                                        fireeye
                                      2. 0
                                        at
                                        1. 0
                                          fireeye
                                          1. 0
                                            at
                                            1. 0
                                              fireeye
                                              1. 0
                                                at
                                                1. 0
                                                  fireeye
                                                  1. 0
                                                    at
                                                    1. 0
                                                      fireeye
                                                      1. 0
                                                        at
                                                        1. 0
                                                          fireeye
                                2. 1
                                  Ingo Turski
                                  1. 0
                                    fireeye
                                    1. 1
                                      Ingo Turski
                                      1. 0
                                        fireeye
                                        1. 1
                                          Struppi
                                          1. 0
                                            fireeye
                                        2. 0
                                          Ingo Turski
                            3. 0
                              daniel84
                              1. 0
                                fireeye
                                1. 1
                                  Detlef G.
                                  1. 1
                                    MudGuard
                                    1. 0
                                      fireeye
                                      1. 1
                                        Ingo Turski
                                        1. 0
                                          fireeye
                                          1. 0
                                            daniel84
                                            1. 0
                                              fireeye
                                              1. 0
                                                Ashura
                                                1. 0
                                                  fireeye
                                          2. 0
                                            Ingo Turski
                                            1. 0
                                              fireeye
                                              1. 0
                                                Ashura
                                                1. 0
                                                  fireeye
                                                  1. 0
                                                    Ashura
                                                    1. 0
                                                      fireeye
                                                2. 0
                                                  at
                                                  1. 0
                                                    Ashura
                                                    1. 0
                                                      at
                                                      1. 0
                                                        Ashura
                                                        1. 0
                                                          Ingo Turski
                                                          1. 0
                                                            Ashura
                                                            1. 0
                                                              Ingo Turski
                                                              1. 0
                                                                Ashura
                                                                1. 0
                                                                  at
                                                        2. 0
                                                          at
                                                          1. 0
                                                            Ashura
                                                            1. 0

                                                              Nachtrag: SPAN contra EM/STRONG/...

                                                              Ashura
                                                              1. 0
                                                                at
                                              2. 0
                                                Ingo Turski
                                      2. 0
                                        MudGuard
                                  2. 0
                                    fireeye
      2. 2
        MudGuard