Alternativtextoptimierung abhängig vom Code

veröffentlicht in 2017

zuletzt bearbeitet in

Die Herausforderung, die richtige Textalternative für eine Grafik zu formulieren, wird nicht alleine durch die Inhalte in der Grafik oder den Kontext bestimmt. Auch der Code kann die Anforderung an den Alternativtext beeinflussen.

Als Beispiel soll eine Teaser-Grafik in einem typischen Anreißertext dienen:

Screenshot eines typischen Teasers: links ein Bild und rechts eine Überschrift, eine kurze Beschreibung und ein Link.

Welcher Alternativtext sollte für die Grafik vergeben werden? Die meisten Personen würden einen Text der Art "Hand, die zwischen mehreren Fotos auswählt" – also einen identifizierenden Alternativtext – wählen.

Häufig sind Teaser-Grafiken aber auch verlinkt, und sowohl Grafik als auch ein Text im Teaser werden mit der gleichen Detailseite verknüpft. Verlinkte Grafiken benötigen generell einen funktionalen Alternativtext, der den Linkzweck bestimmen lässt.

Funktionale Alternativtexte für verlinkte Teaser-Grafiken

Wenn der Überschriftentext den Zweck des Links – also den Aufruf der verlinkten Seite – bestimmen lässt, dann ist der Überschriftentext ein geeigneter funktionaler Alternativtext für die Grafik. Dazu kommt, dass die Web Content Accessibility Guidelines (WCAG) 2.2 verlangen, dass aktive Elemente der Webseite mit gleicher Funktionalität auch
Fatal error: Uncaught Error: Call to undefined function mysql_query() in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php:124 Stack trace: #0 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php(112): setScLinkToDb() #1 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/knowhow/textalternative/alternativtextoptimierung.php(18): sclink() #2 {main} thrown in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php on line 124