Posted by Computerservice.arminfischer.com – Computerservice.arminfischer.com/news/ – Chatus
linktr.ee/Computerservicearminfischercom
Barrierefreie Webseite wann wie was . Computerservicearminfischercom .
https://computerservice.arminfischer.com/news/7106/ .
Barrierefreiheit
Barrierefreie Webseite ist kein so einfaches Unterfangen.
Da soll den Hilfsprogrammen wie Screenreadern kein zu umständlicher Code im Wege stehen.
Relation Hintergrund zu Schrift muss einen bestimmten Kontrast erfüllen.
Vorschrift der EU
Die EU hat das für alle in etwa größeren Unternehmen vorgeschrieben.
Die meisten Themes oder Templates unter anderen bei WordPress geben das nicht her.
Man müsste also das ganze Theme umschreiben.
Alle Besucher der gleichen Seite dann muss der Content alle Vorschriften erfüllen
Wenn man ein anderes Themes einfach nimmt, wird die Seite für den Normalbesucher unter Umständen einfach “ugly”, weil man ja Kontraste und anderes berücksichtigen muss.
Umleitung auf spezielle Seite für Menschen mit Seheinschränkung
Meine Überlegung hier geht in eine andere Richtung.
Wenn ich einen Besucher mit einem Screenreader habe, soll der auf eine sehr einfache Version der Webseite umgeleitet werden. Eine Seite die bei weitem nicht so viel Code hat wie WordPress. Denn ein Screenreader muss den ganzen Klatteradatsch der in WordPress im Code drin steht mitlesen.
Es wäre einfach möglich, das in Basic HTML 5 zu schreiben. Allerdings ist es dann nicht dynamisch.
Wir sind da aktuell am Arbeiten mit einem CMS namens “Yellow” oder “Yellow Datenstrom”
Hat sehr wenig unnötigen Code.
https://datenstrom.se/de/yellow
Bildbeschreibungen für Bilder zur Verdeutlichung oder Designzwecken für einen Menschen mit Seheinschränkung oft Zeitverschwendung
Wenn ich eine Computerservice-Webseite habe, die sich um Computerservice dreht, hat ein potentieller Kunde sehr wenig davon, wenn ich eine Bildbeschreibung von Schloss Seehof und unserem alten Haus mit abliefere.
Das dürfte für den Menschen mit Seheeinschränkung eher ein “Chronophagus” , ein Zeitfresser sein.
Also hier die Bilder gleich weglassen, die den Menschen mit Seheinschränkung keinen Mehrwert bringen.
Umsetzung über .htaccess geplant
Dienstleistungsunternehmen wie wir als Computerservice erreichen selten etwas davon, mit viel Bla Bla Menschen für sich zu gewinnen. Ein 2 kurze und prägnante Sätze für das für was das Unternehmen steht sind vielsagender als ausführliche Umschreibungen. Wir wollen deshalb über .htaccess auf auf die einfachere Seite umleiten.
Ansatz Versuch
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (?i)(lynx|links|w3m)
# Prüfen, ob Cookie gesetzt ist
RewriteCond %{HTTP_COOKIE} screenreader=1
# Nur für die Startseite (/) umleiten
RewriteRule ^$ /screenreader/ [R=302,L]
</IfModule>
Der Code wird überhalb von dem WordPress Teil in die .htaccess kopiert.
Überprüfung der Barrierefreiheit einer Webseite mit Wave
Ob und in wie weit eine Seite annähernd barrierefrei ist, prüft das Tool Wave web accessibility tool https://wave.webaim.org .
Das ist das einzige Tool, das auch längerfristig Ergebnisse kostenlos ausgibt.
WordPress Plugin screenreader-redirect
Nun haben wir hier ein WordPress Plugin, das uns einen sichtbaren Link in die normale WordPress-Seite einbaut. Die meisten Screenreader sind heute auf den Browser aufgesetzt und geben keinen eigenen User Agent zurück, sind also nicht abfangbar.
Den Text in screenreader-redirect.php speichern und mit FTPS bei WordPress unter Plugins ein Verzeichnis namens screenreader-redirect erstellen.
Die screenreader-redirect.php dorthin hochladen.
screenreader-redirect.php
<?php
/*
Plugin Name: Screenreader Redirect
Description: Bietet eine barrierearme Version unter /screenreader/, setzt Cookies und stellt Shortcodes für Buttons bereit. Alle Redirects sind temporär (HTTP 302).
Version: 1.3.3
Author: Armin Fischer . Computerservice.arminfischer.com office@arminfischer.com +4917621008967 . https://Computerservice.arminfischer.com .
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// 1. Texte nach Sprache
function sr_get_texts() {
$locale = get_locale();
$texts = array();
if (strpos($locale, 'de_') === 0) {
$texts['enable'] = 'Screenreader-Version';
$texts['disable'] = 'Normale Version';
} else {
$texts['enable'] = 'Screen Reader Version';
$texts['disable'] = 'Standard Version';
}
return $texts;
}
// 2. Cookie setzen/löschen via GET-Parameter
function sr_handle_cookie() {
if (isset($_GET['sr_enable'])) {
setcookie('screenreader', '1', time() + 31536000, COOKIEPATH, COOKIE_DOMAIN);
$_COOKIE['screenreader'] = '1';
wp_safe_redirect(home_url('/screenreader/'), 302); // temporär
exit;
}
if (isset($_GET['sr_disable'])) {
setcookie('screenreader', '', time() - 3600, COOKIEPATH, COOKIE_DOMAIN);
unset($_COOKIE['screenreader']);
wp_safe_redirect(home_url('/'), 302); // temporär
exit;
}
}
add_action('template_redirect', 'sr_handle_cookie');
// 3. Automatische Weiterleitung Startseite, mit Escape-Parameter
function sr_redirect_home() {
if (is_front_page()
&& isset($_COOKIE['screenreader'])
&& $_COOKIE['screenreader'] === '1') {
// Escape-URL ?sr_override=1 erlaubt Standardseite
if (!isset($_GET['sr_override'])
&& stripos($_SERVER['REQUEST_URI'], '/screenreader/') === false) {
wp_safe_redirect(home_url('/screenreader/'), 302); // temporär
exit;
}
}
}
add_action('template_redirect', 'sr_redirect_home', 20);
// 4. Shortcodes für Buttons
function sr_shortcode_enable() {
$texts = sr_get_texts();
$url = add_query_arg('sr_enable', '1', home_url($_SERVER['REQUEST_URI']));
return '<a href="' . esc_url($url) . '" class="sr-button">' . esc_html($texts['enable']) . '</a>';
}
add_shortcode('screenreader_enable', 'sr_shortcode_enable');
function sr_shortcode_disable() {
$texts = sr_get_texts();
$url = add_query_arg('sr_disable', '1', home_url('/'));
return '<a href="' . esc_url($url) . '" class="sr-button">' . esc_html($texts['disable']) . '</a>';
}
add_shortcode('screenreader_disable', 'sr_shortcode_disable');
// 5. CSS für Buttons
function sr_enqueue_styles() {
$css = "
.sr-button {
display: inline-block;
background: #000;
color: #fff !important;
padding: .6em 1.2em;
margin: .3em 0;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
transition: background .2s;
}
.sr-button:hover,
.sr-button:focus {
background: #444;
}";
wp_add_inline_style('wp-block-library', $css);
}
add_action('wp_enqueue_scripts', 'sr_enqueue_styles');
?>
Computerservice.arminfischer.com Webseiteninhalt barrierefrei oder zumindest barrierearm für den Screenreader :
https://Computerservice.arminfischer.com/screenreader/
Computerservice.arminfischer.com – Computerservice.arminfischer.com/news/ – Chatus
linktr.ee/Computerservicearminfischercom
Computerservice.arminfischer.com office@arminfischer.com +4917621008967
Memmelsdorf/BA/DE : Hauptstr. 70 DE- 96117 Memmelsdorf . Ust-ID/VAT-ID: DE232723558
SocialMedia
Contact
.