Beispiel 6
In Beispiel 6 geht es um Icons und Symbole, genauer gesagt um das Symbol eines Einkaufswagens auf einem Schalter (englisch: Button). So ein Schalter dient in Web-Shops oft dazu, ein Produkt in den Warenkorb zu legen. Auf dieser Übungsseite löst der Schalter keine Aktion aus.
- In Beispiel 6A bis 6D zeigt der Warenkorb-Schalter nur das Einkaufswagen-Symbol. Es gibt keinen begleitenden Text. Das Symbolbild hat jeweils ein alt-Attribut und der Alternativtext ist unterschiedlich.
- In Beispiel 6E und 6F enthält die Schaltfläche jeweils das Einkaufswagen-Symbol und danach den Text "zum Einkaufswagen hinzufügen". Auch hier unterscheidet sich der Inhalt des alt-Attributs.
- In Beispiel 6G und 6H wird keine Bild-Datei verwendet, sondern ein Einkaufswagen-Symbol aus einer "Icon Library". Das ist ein Zeichensatz für Icons und Symbole. Einem solchen Icon kann man kein alt-Attribut geben. Aber es gibt andere technische Möglichkeiten, um für einen Alternativtext zu sorgen.
Bitte sieh dir die Beispiele an, möglichst am Desktop und am Smartphone. Welche Beispiele erscheinen dir sinnvoll? Welche nicht? Warum?