Schneller Tipp Vergessen Sie nicht, Ihren ALT-Text zu gestalten

Das alt-Attribut innerhalb eines Das Tag bietet alternativen Inhalt für Benutzer, die keine Bilder herunterladen können oder deren Bilder insgesamt deaktiviert sind. Wir verwenden dieses Attribut ständig, um unseren Inhalt besser zugänglich zu machen. Haben Sie jedoch jemals darüber nachgedacht, wie es tatsächlich aussieht??

Wir werden die E-Mail-Vorlage verwenden, die wir in einem früheren Lernprogramm als Beispiel erstellt haben. Die Prinzipien gelten jedoch genauso für das browserbasierte Webdesign.

Wenn wir unsere Datei mit deaktivierten Bildern betrachten, sieht es so aus:

Natürlich ist der ALT-Text unattraktiv - insbesondere die Links. Wir können ein paar Dinge tun, um es aufzufrischen.

Für die Hauptüberschrift machen wir den Text viel größer und ändern ihn in dunkelblau statt schwarz. Wir tun dies, indem wir dem übergeordneten Element (in diesem Fall einer Zelle) Stile hinzufügen. Diese Stile werden dann auf die alt-Tags in dieser Zelle angewendet.

Das ist unsere Zelle:

Wir werden Textstil hinzufügen, so dass es so aussieht:

Und wir werden unsere Social-Media-Links so gestalten, dass sie weiß werden:

So einfach ist das! Jetzt können wir sicher sein, dass unsere E-Mail auch bei deaktivierten Bildern gut angezeigt wird.