Titel-Attribut für Links hinzufügen

Titel-Attribute können über einen kleinen Umweg auch in WordPress zu jedem Link hinzugefügt werden. Allerdings muss dies über den Code eines Links passieren. Leider gibt es dafür bisher noch keine benutzerfreundlichere Möglichkeit. Eventuell wird der Gutenberg Editor hier in Zukunft noch ausgebaut.

Nachdem der Link über den Editor eingefügt wurde, kann er als Code bearbeitet werden. Dafür klickt man den Link an und geht über die erweiterten Funktionen (dargestellt durch die drei Punkte) auf den Menüpunkt „Als HTML bearbeiten“. Hier öffnet sich nun die Quellcode-Ansicht des Links.

HTML-Code für das Titel-Attribut

Das Titel-Attribut zeichnet sich durch den titel-Tag aus. Dieser kann frei gewählt werden und sollte eine aussagekräftige Beschreibung beinhalten. Falls nötig, sollte außerdem das Link-Ziel angegeben werden, also ob der Link in einem neuen Fenster geöffnet wird oder ob er auf eine externe Website weiterleitet.

Ein vollständiger Link-Code könnte exemplarisch so aussehen:

<a href="andere_seite.html" title="Der Titel des Links.">Dies ist ein Link zu einer anderen Seite.</a>

Grundlagen zu barrierefreien Links

Screenshot einer beispielhaften Website mit einem Button, worüber der Mauszeiger schwebt.

Wie lassen sich Links auf einer Website zugänglich darstellen und barrierefrei auszeichnen?

Zum Artikel: Links barrierefrei darstellen und auszeichnen

Bücher zum Thema

Barrierefreiheit im Web ist nicht nur ein breites Feld, sondern ein immer größeres Thema. Für einen umfassenden Überblick gibt es beispielsweise auf Amazon (Partnerlinks) inzwischen eine ausgiebige Auswahl an Fachliteratur, sowohl zu WordPress als auch zur Barrierefreiheit:

Fachbücher zum Thema WordPress auf Amazon
Fachbücher zum Thema Barrierefreiheit im Web auf Amazon