search

wisydb / wisy

Open Source CMS for Training and Educational Purposes
Other
1 stars 3 forks source link

Barrierefreiheit: Prüfung + Anpassung Heading Levels (tags) #43

Open wisydb opened 5 years ago

wisydb commented 5 years ago

1.) Prüfung aller Seitentypen auf (systemimmanent) automatisch generierter Überschriften 2.) Herstellung einer sinnvollen Überschriften-Hierarchie (h1, h2, h3 usw. statt alles h1) 3.) Pürfung aller Seitentypen auf automatisch generierte Überschriften typischer, redaktionell generierter Inhalte (s. Beispielinhalt in responsive...). 4.) Prüfung: funktionieren die Headline-Level entspr. https://github.com/wisydb/wisy/blob/master/admin/wiki2html8.inc.php ? Dann ist es ggf. eine redaktionelle Nachschulung notwendig diese zu entspr. zu vergeben. Generell empfiehlt es sich aber dann mit h2 (statt h1) anzufangen, weil die Überschriften, die ohnehin vom System generiert werden (wie der Seitenname) wahrscheinlich bereits <h1> sind! 5.) Automatische Lösung wahrscheinlich nicht machbar (zwei mal h1 hintereinander aufspüren und in h1 -> h2 umwandeln).

debagel commented 5 years ago

Quellen: https://www.w3.org/WAI/tutorials/page-structure/headings/ https://www.w3.org/TR/html/sections.html

Erkenntnisse aus obigen Quellen:

  1. Auch wenn es "erlaubt" ist in jeder <section wieder mit <h1 neu anzufangen ist es wohl für Screenreader meist sinnvoller nur eine <h1 zu haben pro Seite
  2. Die <h1 sollte nicht der allgemeine Name der Website sein ("Weiterbildungsportal") sondern der konkrete Titel der Seite ("Planung der Weiterbildung").
  3. Übersprünge in der Hierarchie vermeiden (also von zb. <h2 zu <h4)
debagel commented 5 years ago

Überprüfung des http://responsive.kursportal.info/ mit aktuellem core51_dev und dem Firefox Addon https://addons.mozilla.org/de/firefox/addon/wave-accessibility-tool/:

√ Startseite (mit search.startseite.disable) -> H1 mit Portalname hinzugefügt √ Kursliste √ Leere Kursliste (Ergebnislose Suche) √ Kursdetailseite √ Anbieterliste √ Anbieterdetailseite √ Landingpages √ Onlinepflege: Login & Forgot PW √ Onlinepflege: Neuer Kurs & Kurs bearbeiten √ Themenbaum (Tree renderer) √ Glossarseite

debagel commented 5 years ago

Um die Einhaltung der Überschriftenhierarchie zu vereinfachen habe ich jetzt den WIKI Parser so angepasst das H2 der höchste Level ist. Ein =Überschrift= in Glossarbeiträgen wird also jetzt als <h2> statt wie bisher als <h1> ausgegeben. Somit ist schon mal sichergestellt das nur eine <h1> (der Titel des Glossarbeitrags) auf der Seite vorkommt.