molily: SELFHTML-Sprites Preview

Beitrag lesen

Warum nicht? ;-)

Weil man grundlos auf CSS Sprites verzichtet und damit der Performance-Optimierung grundlos Grenzen setzt.

stellen funktionelle grafische "Buttons" dar. Deshalb würde ich *diese* Grafiken als <a><img /></a> belassen, weil die Grafiken dort eben nicht zierende Elemente sind, sondern die Funktion der Links repräsentieren.

Auch die Icons bei Links sind nicht zierend, sondern Teil des Inhalts. Eine Grafik kommuniziert eine Information und steht für ein Textäquivalent. Also durchaus funktional.

<a href=""><img alt="Thread ausblenden"></a>

kann man meiner Meinung nach einfach durch

<a href="">Thread ausblenden</a>

ersetzen und die Ersetzung des Textes durch ein Icon per CSS vornehmen.

Es macht für mich eben einen Unterschied, ob einem Link eine Grafik vorangestellt ist oder folgt, die dem Benutzer sagt, ob sich das Linkziel z.B. auf einer anderen Domain (externer Link) oder im eigenen Angebot (interner Link) befindet (die den Linktexten vorangestellten Grafiken im Kopf der Forumshauptseite (FAQ, Suche etc.)), oder ob das Bild eine grafische Repräsentation der Funktion des Links (ein Piktogramm oder Icon => Button) ist.

Selbst wenn man da einen qualitativen Unterschied sieht, warum folgt daraus, dass man das Icon beim Link mit mit CSS einfügen sollte? Einzig das macht aus technischen Gründen Sinn.

Der Unterschied ist m.E. marginal. In dem einen Fall ersetze ich den gesamten Text und drücke ihn stattdessen mit einem Icon aus, in dem anderen Fall nur den halben:

<a><span>Thread ausblenden</span></a>
<a><span>Externer Link:</span> Häufig gestellte Fragen</a>

span hier jeweils als Element, das den zu ersetzenden Text notiert.

Der Alternativtext stellt schlussendlich die Funktionalität für nicht grafikfähige bzw. -willige Clients sicher.

Wenn ich davon ausgehe, dass letztlich alles auf Text zurückfällt und ich mit img, object oder CSS möglichst äquivalente grafische Repräsentationen einbinde, so sehe ich kein Problem dabei, gerade grafische Schaltflächen komplett mit CSS Sprite umzusetzen. Welchen praktischen Vorteil hätte es, hier eine Ausnahme zu machen?

Mathias

0 69

Bilder werden nicht immer geladen

Malcolm Beck´s
  • zu diesem forum
  1. 0
    hotti
  2. 0
    Gunnar Bittersmann
  3. 0
    Der Martin
    1. 0
      Malcolm Beck´s
  4. 0
    minicrispie
    1. 0
      Malcolm Beck´s
  5. 0
    Malcolm Beck´s
    1. 0
      Sven Rautenberg
      1. 0
        Gunnar Bittersmann
        1. 0
          Sven Rautenberg
          1. 0
            Gunnar Bittersmann
      2. 0
        Der Martin
      3. 0
        Malcolm Beck´s
        1. 0
          molily
          1. 0
            Malcolm Beck´s
            1. 0
              molily
              1. 0
                Malcolm Beck´s
          2. 0
            Malcolm Beck´s
            • javascript
            1. 0
              molily
              1. 0
                Malcolm Beck´s
                1. 0
                  Struppi
                  1. 0

                    Google und die Libraries API

                    Malcolm Beck´s
                    • meinung
                    1. 0
                      Struppi
                      1. 0
                        Malcolm Beck´s
                        1. 0
                          Struppi
                          1. 0
                            Malcolm Beck´s
                            1. 0
                              molily
                              1. 0
                                Malcolm Beck´s
                2. 0
                  Auge
      4. 0

        SELFHTML-Sprites Preview

        Malcolm Beck´s
        1. 0
          Auge
          1. 0
            molily
            1. 0
              Auge
              1. 0
                Gunnar Bittersmann
                1. 0
                  Auge
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Auge
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Auge
                          1. 0
                            Gunnar Bittersmann
              2. 0
                molily
                1. 0
                  Auge
                  1. 0
                    molily
                    1. 0
                      Auge
          2. 0
            Malcolm Beck´s
            1. 0
              Auge
              1. 0

                SELFHTML -- Wo sind die Usablity und CSS-Experten?

                Malcolm Beck´s
                • meinung
                1. 0
                  Auge
                  1. 0
                    Malcolm Beck´s
                    1. 0
                      Auge
                      1. 0
                        Malcolm Beck´s
                        1. 0
                          Auge
                          1. 0
                            Malcolm Beck´s
                    2. 0
                      molily
                      1. 0
                        Malcolm Beck´s
              2. 0
                at
                1. 0
                  Auge
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Auge
                      1. 1
                        Gunnar Bittersmann
  6. 0
    Tom
    1. 0
      Malcolm Beck´s
  7. 0

    IE-Bug bei Hintergrundbildern und Zeilenumbruch

    Malcolm Beck´s
    • css
    1. 0
      at
      1. 0
        Malcolm Beck´s
        1. 0
          at
          1. 0
            Malcolm Beck´s
            1. 0
              at