Blogeditor und Barrierefreie Softwareentwicklung EN 301 549 + WCAG 2.2

    Ich nutze eine Theme die ich mit dem Gutenberg Editor erstellt habe und möchte Anpassungen am Header und am CSS vornehmen. Die Dateien in Der Theme selbst sind leer und unter Wordpress im Editor erstellt. Ich bräuchte nun einen Tipp wie ich an den ausgegebenen Quellcode der Theme komme.

    Ich möchte im Header Änderungen für den W3C Validator einfügen um eine Prüfung durchführen zu können. Aktuell wird die Validierung geblockt.

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Begrifflichkeiten:
    * Gutenberg => Der Name für die Weiterentwicklung von Block und Site Editor
    * Block Editor => Der Editor mit dem man Inhalte bearbeitet
    * Site Editor => Der Editor mit dem man die Templates eines FSE-Themes bearbeitet
    * FSE => Steht für "Full Site Editing", das was man also mit Block und Site Editor machen kann

    Auf Grund deiner Beschreibungen gehe ich davon aus, dass Du also ein FSE-Theme nutzt. Dort werden die HTML-Codes im Frontend durch WordPress und die von dir definierten Templates erzeugt.

    Ich bin nun wieder unsicher was Du mit "Header" meinst? Der Abschnitt zwischen <head> und </head> wird durch WordPress erzeugt. Die Angaben hier kann man mit verschiedensten Plugins oder mit Hooks beeinflussen, z.B. diesem hier: https://developer.wordpress.org/reference/hooks/wp_head/

    Falls Du jedoch den visuellen Kopfbereich deiner Website meinst, dann wird dessen HTML-Code durch die von dir hierfür genutzten Blöcke erzeugt. Diese kann man auch beeinflussen, ist aber etwas komplexer. Einem Einstieg darin findest Du hier: https://learn.wordpress.org/lesson/block-editor-hooks/ - eine ganz einfache Möglichkeit wäre dieser Hook hier: https://developer.wordpress.org/reference/hooks/render_block/

    Sorry mir fällt es schwer zu beschreiben. Ich möchte das der Header des HTML Dokumentes angepasst wird
    Aktuell sieht es so aus:

    HTML
    <!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8" />

    So soll es aussehen:

    HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    Zitat von threadi

    Begrifflichkeiten:
    * Gutenberg => Der Name für die Weiterentwicklung von Block und Site Editor
    * Block Editor => Der Editor mit dem man Inhalte bearbeitet
    * Site Editor => Der Editor mit dem man die Templates eines FSE-Themes bearbeitet
    * FSE => Steht für "Full Site Editing", das was man also mit Block und Site Editor machen kann

    Danke dafür


    Zitat von threadi

    Begrifflichkeiten:
    Ich bin nun wieder unsicher was Du mit "Header" meinst? Der Abschnitt zwischen <head> und </head> wird durch WordPress erzeugt. Die Angaben hier kann man mit verschiedensten Plugins oder mit Hooks beeinflussen, z.B. diesem hier: https://developer.wordpress.org/reference/hooks/wp_head/


    Passt leider nicht ganz. Aber ist gut zu wissen Danke

    Du willst also den Doctype ändern und dabei vom modernen HTML5 auf das ältere XHTML-Format ändern? Ich sehe hierbei keinerlei Zusammenhang mit der Barrierefreiheit nach WCAG 2.2. Meines Wissens gibt es dazu keinerlei Vorgaben außer, dass es ein valides Dokument sein sollte damit Screenreader es problemlos einlesen können. Da macht die Angabe des Doctypes aber keinerlei Unterschied. Auch die anderen Angaben bewirken gar nichts in der Richtung.

    Wenn Du das dennoch versuchen willst:
    Bei FSE-Themes wird das HTML-Grundgerüst über eine im WordPress Core enthaltene Datei template-canvas.php erzeugt. Diese wird hier eingebunden: https://github.com/WordPress/Word…mplate.php#L138 - ich sehe hier gerade keinen Weg diese Datei zu beeinflussen oder deren Laden zu unterbinden und eine eigene Datei unterzuschieben.

    Möglicherweise hilft hier nur der "Holzhammer" durch Suchen & Ersetzen im shutdown-Hook mit Hilfe von ob_start() etc. Das birgt aber ganz andere Gefahren wo ich jetzt den Aufwand und Nutzen für dein Vorhaben nicht wirklich erkennen kann.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden