it-swarm-eu.dev

Ist die Verwendung des alt-Attributs für Text als Grafik in Ordnung?

Es gibt verschiedene Möglichkeiten, Text auf Ihrer Webseite in genau der Schriftart darzustellen, die Ihr Designer festgelegt hat. als Bild, Flash-Hack, Javascript-Hack, dynamische Schriftarten. Bis heute ist das einzige, was scheinbar auf allen Plattformen funktioniert, die alte Text-als-Grafik-Lösung. Dies ist natürlich ein Kludge, aber wird aus Gründen der Barrierefreiheit ein Bild verwendet, das den Text als Alt-Attribut enthält und als in Ordnung angesehen wird? Benutzer mit Sehbehinderung würden den Text erhalten, ebenso wie Suchmaschinen. Oder fehlt mir etwas?

9
Zano

Mit einigen Einschränkungen.

  • Wenn Sie das Bild in Zukunft ändern, muss auch das alt Attribut beibehalten werden.
  • Es scheint, dass Suchmaschinen einen höheren Wert zuweisen dem tatsächlichen Text == als ein Bild mit einem alt-Attribut.
  • IMO, wenn Sie dies für die Navigation verwenden, sollten Sie @ font-face oder JavaScript verwenden, um ein Textmenü zu verbessern, anstatt es von Anfang an durch Bilder zu ersetzen.
7
Virtuosi Media

Dafür gibt es Alt, für Screenreader und Roboter

9
Sruly

Wenn Sie Bilder (über img) in HTML einfügen, immer Verwenden Sie alt Attribut ( manchmal mit leerem Wert).

Wenn das Bild Text enthält und dieser Text (Teil) des relevanten Inhalts ist, den Sie vermitteln möchten, fügen Sie diesen Text in alt ein Wert.

wird die Verwendung eines Bildes, das den Text als Alt-Attribut enthält, aus Gründen der Barrierefreiheit als in Ordnung angesehen?

Nein. Während dies für einen blinden oder einen Textbrowser-Benutzer keine Barriere darstellt, können Legastheniker oder sehbehinderte Benutzer (für die Bilder aktiviert sind) Probleme mit Textbildern haben:

  • Benutzer können Schriftgröße, Zeilenhöhe und Buchstabenabstand nicht anpassen.
  • Benutzer können die Schriftfamilie nicht ändern.
  • Benutzer können die Farben/den Kontrast nicht ändern.
  • Benutzer können den Text nicht auswählen (z. B. zum Kopieren und Einfügen). (als notiert von Kit Grose)

Wahrscheinlich kein großes Problem für Kurztext (ein einzelnes Wort, sehr kurze Überschrift, Handlungsaufforderungstaste, ...), aber es kann eine Barrierefreiheit darstellen, wenn es für längeren Text verwendet wird.

5
unor

Einer der größten Nachteile von Text als Grafik ist die Unfähigkeit, mit der Textgröße zu skalieren (Hinweis: Textgröße, nicht Zoom). Die Größenänderung des Bildes in ems kann dazu beitragen, dies zu verringern.

Beachten Sie außerdem, dass die Wartbarkeit bei der Verwendung von Bildern stark beeinträchtigt wird, sofern sie nicht dynamisch generiert werden.

Und es ist ziemlich ineffizient, ein Bild bereitzustellen, wenn Sie nur eine benutzerdefinierte Schriftart benötigen - die Dateigröße eines Bildes ist um ein Vielfaches größer als der entsprechende Text.

4
Bobby Jack

Ich sehe kein Problem damit. Ich habe noch nie jemanden sagen hören, dass es eine schlechte Idee ist. Aber versuche Folgendes zu vermeiden oder zu tun:

  • den gesamten Inhalt einer Seite zu einem Bild machen (häufiger Fehler von Leuten, die nicht wissen, was sie tun) - dies erschwert das Analysieren von so ziemlich allem, einschließlich Suchmaschinen
  • versuchen Sie, dies so weit wie möglich zu vermeiden. Es ist immer besser, Text für Dinge zu haben, die Bilder enthalten. es macht es einfach einfacher für alles (Kopieren eines Textabschnitts, SEO usw. usw.)
  • fügen Sie sowohl eine Alt- als auch eine Titeleigenschaft hinzu. Dadurch wird sichergestellt, dass beim Überfahren des Bildes der Tooltip angezeigt wird (da in verschiedenen Browsern unterschiedliche Browser angezeigt werden). Ich mache das meistens auf Bildern, die Links sind
1
Darryl Hein

Wie andere bereits gesagt haben, müssen Sie bei Verwendung dieses Ansatzes Alternativtext bereitstellen. Ich empfehle jedoch dringend, dies nicht zu tun.

  • Der Zoom wird unterbrochen - Rasterbilder können nicht auf größere Größen skaliert werden.

  • Bilder benötigen mehr Platz als Text. Dadurch wird die Ladezeit der Seite drastisch erhöht.

  • Zuschauer, die die Browserfarben ändern, z. Wechseln Sie aus Gründen der Lesbarkeit zu kontrastreichem Licht bei Dunkelheit, sehen Sie die Bilder nicht richtig und sehen Sie die Alt nicht.

  • Die Funktion zum Kopieren und Einfügen ist fehlerhaft (Benutzer können keinen Text kopieren und als Text in ein Dokument einfügen).

  • Layout und Reaktionsfähigkeit - Die Lesbarkeit auf Mobilgeräten ist möglicherweise fehlerhaft. - Wenn der Text kein Text ist, können Browser ihn möglicherweise nicht anders in Zeilen aufteilen, um ihn auf kleinere Displays anzupassen.

  • Wenn Sie jedes Wort oder jeden Satz in ein eigenes Bild einfügen, können Sie das Layout verbessern, jedoch die Textanalyse (SEO) unterbrechen.

  • Es gibt häufig unterstützte Möglichkeiten, die Anzeige von Schriftarten mithilfe von CSS und Schriftdateien zu erzwingen. Wenn ein alter Browser dies nicht unterstützt, sollten Sie nicht alle Benutzer moderner Browser um ihretwillen leiden lassen.

0
Danny Varod

Der Wert von Alt-Text nimmt aus SEO-Sicht ab, so dass wir uns anscheinend alle auf die Barrierefreiheit konzentrieren und Alt-Texte für Screenreader optimieren können.

Soweit ich weiß, hat es nur einen gewissen prozentualen Einfluss auf Ihr SERP Ranking)

0