Warum du in WordPress keine "Mehr lesen"-Links ohne Kontext nutzen solltest
Warum Barrierefreiheit auf deiner Webseite so wichtig ist
Eine barrierefreie Webseite erstellen bedeutet, sie so zu optimieren, dass sie für alle Nutzer zugänglich ist, unabhängig von körperlichen oder kognitiven Einschränkungen. Dies ist nicht nur ein ethischer Aspekt, sondern auch ein rechtlicher, da viele Länder entsprechende Vorschriften basierend auf den WCAG Richtlinien (Web Content Accessibility Guidelines) eingeführt haben. Fehler wie "Mehr lesen"-Links ohne Kontext können die Erfahrung für Menschen mit Sehbehinderungen oder kognitiven Einschränkungen erheblich verschlechtern.
Warum "Mehr lesen"-Links ohne Kontext ein Problem sind
Viele WordPress-Theme-Entwickler verwenden einfache "Mehr lesen"-Links für Blog-Beiträge oder Produktbeschreibungen. Das Problem:
- Nutzer von Screenreadern hören dann nur „Mehr lesen“ ohne Kontext.
- Personen mit kognitiven Einschränkungen wissen möglicherweise nicht, wohin der Link führt.
- Suchmaschinen können die Links nicht klar einordnen, was Einfluss auf die SEO haben kann.
Beispiele für schlechte und gute "Mehr lesen"-Links
| Typ | Beispiel | Problem | Empfehlung |
|---|---|---|---|
| Schlecht | <a href="blogpost.html">Mehr lesen</a> |
Keine klare Zuordnung für Screenreader-Nutzer | <a href="blogpost.html">Mehr über [Beitragstitel] lesen</a> |
| Gut | <a href="blogpost.html">Mehr über WordPress Accessibility erfahren</a> |
Kontext ist klar erkennbar | Kein Problem |
Wie du bessere "Mehr lesen"-Links in WordPress erstellst
1. Alternative Link-Texte manuell setzen
Ein besserer Weg ist, einen eindeutigen Link-Text bereitzustellen. Dazu kannst du dein Theme oder dein Child-Theme bearbeiten:
function custom_read_more_link() {
return '<a href="' . get_permalink() . '">' . get_the_title() . ' weiterlesen</a>';
}
add_filter('the_content_more_link', 'custom_read_more_link');
Dieser Code ersetzt die standardmäßigen "Mehr lesen"-Links mit dem Titel des jeweiligen Beitrags.
2. Accessibility-Plugins für WordPress nutzen
Eine noch bessere Möglichkeit, um sicherzustellen, dass deine Webseite standardmäßig alle Web Accessibility-Anforderungen erfüllt, ist die Nutzung eines Accessibility Plugins für WordPress.
WP One Tap – Die einfachste Lösung für WCAG-konforme Webseiten
Eines der besten Tools dafür ist WP One Tap. Dieses Plugin hilft, WCAG-Konformität herzustellen, indem es:
- Automatische Anpassungen an Farben, Kontraste und Schriften vornimmt.
- Keyboard-Navigation verbessert und Screenreader-Kompatibilität sicherstellt.
- Eine integrierte Barrierefreiheits-Checkliste bietet.
Ein gut konfiguriertes Plugin wie WP One Tap sorgt dafür, dass wichtige Barrierefreiheitsaspekte direkt in WordPress integriert werden, ohne dass zusätzlich Code angepasst werden muss.
Weitere wichtige Maßnahmen zur Verbesserung der Web Accessibility
Neben den Links gibt es noch weitere wichtige Aspekte zur Verbesserung der Barrierefreiheit Webseite:
1. Alternative Texte für Bilder
Bilder sollten immer mit einem beschreibenden Alt-Text versehen werden, damit Screenreader-Nutzer ihren Inhalt erfassen können.
2. Kontrast und Lesbarkeit verbessern
Eine hohe Farbkontrast-Ratio zwischen Text und Hintergrund ist essentiell. Tools wie Contrast Checker helfen dabei, optimale Werte zu erreichen.
3. ARIA-Attribute nutzen
ARIA-Attribute helfen Screenreadern, den Inhalt besser zu interpretieren. Beispiel für eine bessere Navigation:
<nav aria-label="Hauptnavigation">
<ul>
<li><a href="/startseite">Startseite</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</nav>
4. Überschriften sinnvoll strukturieren
Eine klare Hierarchie der Überschriften (H1, H2, H3, …) verbessert sowohl die Benutzerfreundlichkeit als auch die SEO. Nutzer mit Screenreadern springen gezielt zu relevanten Abschnitten, wenn Überschriften korrekt verwendet werden.
Fazit
Wenn du eine barrierefreie Webseite erstellen möchtest, solltest du sicherstellen, dass deine „Mehr lesen“-Links immer kontextbezogen sind. Anpassungen im Code oder ein Accessibility Plugin für WordPress, wie WP One Tap, helfen dabei, gängige Barrieren zu vermeiden und eine bessere Nutzererfahrung für alle Besucher zu bieten.
FAQ – Häufig gestellte Fragen
Warum ist Web Accessibility wichtig?
Eine gute Web Accessibility stellt sicher, dass alle Menschen – unabhängig von Einschränkungen – Webseiten nutzen können. Zudem verbessern barrierefreie Webseiten die Suchmaschinen-Rankings und helfen, rechtliche Vorgaben zur Barrierefreiheit zu erfüllen.
Welche Rolle spielen die WCAG Richtlinien?
Die WCAG Richtlinien (Web Content Accessibility Guidelines) sind internationale Standards für digitale Barrierefreiheit. Sie definieren, wie Inhalte für alle Menschen zugänglich gemacht werden können.
Welches ist das beste Accessibility Plugin für WordPress?
Ein empfehlenswertes Plugin ist WP One Tap, das automatisch WCAG-konforme Anpassungen vornimmt, um eine barrierefreie Webseite sicherzustellen.
Wie erkenne ich, ob meine Webseite barrierefrei ist?
Es gibt verschiedene Online-Tools wie den WAVE Web Accessibility Evaluator oder das WP One Tap Plugin, die Webseiten auf Barrierefreiheit prüfen.
Kostenloses WordPress Plugin
Mit OneTap kannst du deine Webseite kostenlos Barrierefreier machen.