Code Snippets zum Thema Barrierefreiheitsstärkungsgesetz

Um die Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) zu erfüllen¹ werden Anpassungen an Contao nötig. Diese betreffen

• Anpassungen von Templates

und ggf.

• Daten Anpassungen (DCA-Anpassungen)

falls hierzu im Backend weitere Daten erfasst werden müssen.

Installation

Kopiere die entsprechenden Dateien an die jeweilige Stelle Deiner Contao Installation (ggf. selbst anzulegendes Verzeichnisse contao/dca, contao/languages/de und templates/) und erneuere den Anwendungs-Cache und führe bei DCA-Anpassungen eine Datenbank-Migration aus.

Siehe dazu z.B. auch https://docs.contao.org/manual/de/anleitungen/dca/#dca-anpassungen.

Anpassungen

Hyperlinks

Siehe https://github.com/ContaoBayern/barrierefreiheit-info/blob/main/link-bfsg.md ("Inhaltselement hyperlink")

• Template

  • templates/content_element/hyperlink/add_aria_labeledby_text.html.twig

• DCA

  • Datenstruktur contao/dca/tl_content.php
  • Labels contao/languages/de/tl_content.php

• CSS

  • Im Template wird für den aria-labelledby-<span>, die CSS Klasse visually-hidden vergeben. Diese ist entsprechend zu stylen.
  • Bsp.:

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}    

Anmerkungen

Footnotes

1. Inwieweit die jeweilige Anpassung die gesetzlichen Anforderungen erfüllt musst Du selbst prüfen! Die hier gezeigten Anpassungen sind lediglich Vorschläge. ↩