Erklärung zur Barrierefreiheit


Status der Konformität

Wir glauben fest daran, dass das Internet für jeden verfügbar und zugänglich sein sollte, und setzen uns dafür ein, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist, unabhängig von seinen Fähigkeiten.

Um dies zu erreichen, sind wir bestrebt, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Ebene so strikt wie möglich einzuhalten.

Diese Website nutzt verschiedene Technologien, um sie jederzeit möglichst zugänglich zu machen.

Darüber hinaus nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und ihre Zugänglichkeit optimiert. Diese Anwendung korrigiert den HTML-Code der Website und passt ihre Funktionalität und ihr Verhalten für Bildschirmleseprogramme an, die von blinden Benutzern verwendet werden, und für Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen verwendet werden.

Wenn Sie den Eigentümer der Website kontaktieren möchten, verwenden Sie bitte das Formular der Website.


Bildschirmleseprogramm und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute-Technik (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Screenreadern besuchen, die Funktionen der Website lesen, verstehen und genießen können.


Wir haben die folgenden Punkte geprüft und bearbeitet:


1. Zugriffsschlüssel

- Stellt sicher, dass jeder Accesskey-Attributwert eindeutig ist.

2. Bereich-alle

- Stellt sicher, dass -Elemente von Imagemaps alternativen Text haben.

3. Aria-erlaubtes-Attr

- Stellt sicher, dass die Rolle eines Elements seine ARIA-Attribute unterstützt.

4. Arie-erlaubte-Rolle

- Stellt sicher, dass das Rollenattribut einen geeigneten Wert für das Element hat.

5. Aria-Braille-Äquivalent

- Stellen Sie sicher, dass aria-braillelabel und aria-brailleroledescription ein Nicht-Braille-Äquivalent haben.

6. Arie-Befehlsname

- Stellt sicher, dass jede ARIA-Schaltfläche, jeder Link und jedes Menüelement einen zugänglichen Namen hat.

7. Aria-bedingtes-Attr

- Stellt sicher, dass ARIA-Attribute wie in der Spezifikation der Elementrolle beschrieben verwendet werden.

8. Aria-veraltete-Rolle

- Stellt sicher, dass Elemente keine veralteten Rollen verwenden.

9. Aria-Dialogname

- Stellt sicher, dass jeder ARIA-Dialog- und Alertdialog-Knoten einen zugänglichen Namen hat.

10. Arie-versteckter-Körper

- Stellt sicher, dass aria-hidden="true" nicht im Dokumenttext vorhanden ist.

11. Arie-versteckter-Fokus

- Stellt sicher, dass in Arien verborgene Elemente weder fokussierbar sind noch fokussierbare Elemente enthalten.

12. Aria-Eingabefeldname

- Stellt sicher, dass jedes ARIA-Eingabefeld einen zugänglichen Namen hat.

13. Aria-Meter-Name

- Stellt sicher, dass jeder ARIA-Zählerknoten einen zugänglichen Namen hat.

14. Aria-Fortschrittsbalken-Name

- Stellt sicher, dass jeder ARIA-Fortschrittsbalkenknoten einen zugänglichen Namen hat.

15. Arie-verboten-Attr

- Stellt sicher, dass ARIA-Attribute für die Rolle eines Elements nicht verboten sind.

16. Aria-erforderliches-Attr

- Stellt sicher, dass Elemente mit ARIA-Rollen über alle erforderlichen ARIA-Attribute verfügen.

17. Arie-erforderliche-Kinder

- Stellt sicher, dass Elemente mit einer ARIA-Rolle, die untergeordnete Rollen erfordern, diese enthalten.

18. Arie-erforderlich-übergeordnet

- Stellt sicher, dass Elemente mit einer ARIA-Rolle, die übergeordnete Rollen erfordern, darin enthalten sind.

19. Arie-Rollenbeschreibung

- Stellen Sie sicher, dass aria-roledescription nur für Elemente mit einer impliziten oder expliziten Rolle verwendet wird.

20. Arienrollen

- Stellt sicher, dass alle Elemente mit einem Rollenattribut einen gültigen Wert verwenden.

21. Arientext

- Stellt sicher, dass „role="text"“ für Elemente ohne fokussierbare Nachkommen verwendet wird.

22. Aria-Umschaltfeldname

- Stellt sicher, dass jedes ARIA-Umschaltfeld einen zugänglichen Namen hat.

23. Arie-Tooltip-Name

- Stellt sicher, dass jeder ARIA-Tooltip-Knoten einen zugänglichen Namen hat.

24. Aria-Baumelement-Name

- Stellt sicher, dass jeder ARIA-Baumelementknoten einen zugänglichen Namen hat.

25. aria-gültiges-Attr

- Stellt sicher, dass Attribute, die mit aria- beginnen, gültige ARIA-Attribute sind.

26. Aria-gültiger-Attr-Wert

- Stellt sicher, dass alle ARIA-Attribute gültige Werte haben.

27. Audio-Untertitel

- Stellt sicher

28. Autovervollständigung gültig

- Stellen Sie sicher, dass das Autovervollständigungsattribut korrekt und für das Formularfeld geeignet ist.

29. Inline-Abstände vermeiden

- Stellen Sie sicher, dass durch Stilattribute festgelegte Textabstände mit benutzerdefinierten Stylesheets angepasst werden können.

30. blinken

- Stellt sicher Elemente werden nicht verwendet.

31. Bypass

- Stellt sicher, dass jede Seite über mindestens einen Mechanismus verfügt, mit dem ein Benutzer die Navigation umgehen und direkt zum Inhalt springen kann.

32. Farbkontrast verbessert

- Stellt sicher, dass der Kontrast zwischen Vorder- und Hintergrundfarben die Grenzwerte für das verbesserte Kontrastverhältnis WCAG 2 AAA erfüllt.

33. CSS-Orientierungssperre

- Stellt sicher, dass der Inhalt nicht an eine bestimmte Anzeigeausrichtung gebunden ist und dass der Inhalt in allen Anzeigeausrichtungen bedienbar ist.

34. Definitionsliste

- Stellt sicher, dass

-Elemente korrekt strukturiert sind.

35. dlitem

- Stellt sicher, dass die Elemente

und
in einem
.
enthalten sind

36. Dokumenttitel

- Stellt sicher, dass jedes HTML-Dokument einen nicht leeren enthält

37. doppelte ID

- Stellt sicher, dass jeder ID-Attributwert eindeutig ist.

38. doppelte ID-Aktiv

- Stellt sicher, dass jeder ID-Attributwert aktiver Elemente eindeutig ist.

39. doppelte ID-Aria

- Stellt sicher, dass jeder in ARIA und in Etiketten verwendete ID-Attributwert eindeutig ist.

40. leere Überschrift

- Stellt sicher, dass der Text der Überschriften lesbar ist.

41. Leerer Tabellenkopf

- Stellt sicher, dass Tabellenüberschriften lesbaren Text haben.

42. Fokus-Reihenfolge-Semantik

- Stellt sicher, dass Elemente in der Fokusreihenfolge eine für interaktive Inhalte geeignete Rolle haben.

43. rahmengeprüft

- Stellt sicher, dass die Elemente

44. Rahmentitel

- Stellt sicher, dass die Elemente

45. Rahmentitel-eindeutig

- Stellt sicher, dass die Elemente

46. versteckter Inhalt

- Informiert Benutzer über versteckte Inhalte.

47. html-has-lang

- Stellt sicher, dass jedes HTML-Dokument ein „lang“-Attribut hat.

48. html-lang-valid

- Stellt sicher, dass das lang-Attribut des -Elements einen gültigen Wert hat.

49. HTML-XML-Sprache-Fehlanpassung

- Stellen Sie sicher, dass HTML-Elemente mit gültigen lang- und xml:lang-Attributen mit der Basissprache der Seite übereinstimmen.

50. identische Links zum gleichen Zweck

- Stellen Sie sicher, dass Links mit demselben zugänglichen Namen einem ähnlichen Zweck dienen.

51. bild-redundant-alt

- Stellen Sie sicher, dass die Bildalternative nicht als Text wiederholt wird.

52. Eingabe-Schaltflächenname

- Stellt sicher, dass der Text der Eingabeschaltflächen lesbar ist.

53. Eingabebild-alt

- Stellt sicher, dass -Elemente alternativen Text haben.

54. Etikett

- Stellt sicher, dass jedes Formularelement eine Beschriftung hat.

55. Label-Inhaltsname-Fehlanpassung

- Stellt sicher, dass durch ihren Inhalt gekennzeichnete Elemente ihren sichtbaren Text als Teil ihres zugänglichen Namens haben müssen.

56. Nur Beschriftungstitel

- Stellt sicher, dass jedes Formularelement eine sichtbare Beschriftung hat und nicht nur mit versteckten Beschriftungen oder den Attributen title oder aria-describedby beschriftet wird.

57. Landmark-Banner-ist-Top-Level

- Stellt sicher, dass sich das Banner-Landmark auf der obersten Ebene befindet.

58. Wahrzeichen-Ergänzung-ist-Top-Level

- Stellt sicher, dass sich der ergänzende Orientierungspunkt oder die Seite auf der obersten Ebene befindet.

59. Landmark-Contentinfo-ist-oberste Ebene

- Stellt sicher, dass sich das Contentinfo-Landmark auf der obersten Ebene befindet.

60. Landmark-Main ist die oberste Ebene

- Stellt sicher, dass sich das Hauptwahrzeichen auf der obersten Ebene befindet.

61. Wahrzeichen-kein-Duplikat-Banner

- Stellt sicher, dass das Dokument höchstens eine Bannermarkierung aufweist.

62. Wahrzeichen-kein-Duplikat-Inhaltsinfo

- Stellt sicher, dass das Dokument höchstens einen ContentInfo-Merkmal hat.

63. Wahrzeichen-kein-Duplikat-Haupt

- Stellt sicher, dass das Dokument höchstens einen Hauptorientierungspunkt aufweist.

64. Layout-Tabelle

- Stellt sicher, dass Layouttabellen keine Tabellenelemente verwenden.

65. Link-im-Textblock

- Stellen Sie sicher, dass sich Links so vom umgebenden Text unterscheiden, dass sie nicht auf die Farbe angewiesen sind.

66. Liste

- Stellt sicher, dass Listen richtig strukturiert sind.

67. listem

- Stellt sicher

  • Elemente werden semantisch verwendet.
  • 68. Festzelt

    - Stellt sicher, dass keine -Elemente verwendet werden.

    69. Meta-Aktualisierung

    - Stellt sicher, dass nicht für eine verzögerte Aktualisierung verwendet wird.

    70. Meta-Aktualisierung – keine Ausnahmen

    - Stellt sicher, dass nicht für eine verzögerte Aktualisierung verwendet wird.

    71. Meta-Ansichtsfenster-groß

    - Stellt sicher, dass erheblich skaliert werden kann.

    72. Objekt-Alt

    - Stellt sicher, dass -Elemente alternativen Text haben.

    73. p-als-Überschrift

    - Stellen Sie sicher, dass fetter, kursiver Text und die Schriftgröße nicht zum Formatieren von

    -Elementen als Überschrift verwendet werden.

    74. Präsentationsrollenkonflikt

    - Als Präsentationselemente markierte Elemente sollten kein globales ARIA oder Tabindex haben, um sicherzustellen, dass sie von allen Bildschirmleseprogrammen ignoriert werden.

    75. Rollenpräsentation

    - Stellt sicher, dass Elemente mit der Rolle der Präsentation einen gültigen Wert haben.

    76. Umfang-Attr-gültig

    - Stellt sicher, dass das Bereichsattribut in Tabellen korrekt verwendet wird.

    77. Name auswählen

    - Stellt sicher, dass das ausgewählte Element einen zugänglichen Namen hat.

    78. Serverseitige Image-Map

    - Stellt sicher, dass keine serverseitigen Imagemaps verwendet werden.

    79. Skip-Link

    - Stellen Sie sicher, dass alle Skip-Links ein fokussierbares Ziel haben.

    80. tabindex

    - Stellt sicher, dass die Tabindex-Attributwerte nicht größer als 0 sind.

    81. Tabellen-Duplikatname

    - Stellen Sie sicher, dass das Element nicht denselben Text wie das Zusammenfassungsattribut enthält.

    82. Tabelle-Fake-Beschriftung

    - Stellen Sie sicher, dass Tabellen mit einer Beschriftung das -Element verwenden.

    83. Zielgröße

    - Stellen Sie sicher, dass die Touch-Ziele ausreichend groß und frei sind.

    84. td-hat-Header

    - Stellen Sie sicher, dass jede Zelle in einer Tabelle, die das Header-Attribut verwendet, nur auf andere Zellen in dieser Tabelle verweist.

    85. th-hat-Datenzellen

    - Stellen Sie sicher, dass -Elemente und Elemente mit „role=columnheader/rowheader“ über Datenzellen verfügen, die sie beschreiben.

    86. gültige Sprache

    - Stellt sicher, dass die Sprachattribute gültige Werte haben.

    87. Video-Untertitel

    - Stellt sicher

    88. verschachtelt-interaktiv

    - Stellt sicher, dass interaktive Steuerelemente nicht verschachtelt sind.

    89. scrollbarer-Bereich-fokussierbar

    - Stellen Sie sicher, dass Elemente mit scrollbarem Inhalt über die Tastatur zugänglich sind

    90. svg-img-alt

    - Stellt sicher, dass -Elemente mit der Rolle „img“, „graphics-document“ oder „graphics-symbol“ über eine zugängliche Textalternative verfügen


    Wir arbeiten aktiv an der Behebung dieser Probleme:


    1. Meta-Ansichtsfenster

    - Stellt sicher, dass die Textskalierung und das Zoomen nicht deaktiviert.

    2. Wahrzeichen-einzigartig

    - Sehenswürdigkeiten sollten eine eindeutige Rolle oder eine Kombination aus Rolle, Bezeichnung und Titel (d. h. einem zugänglichen Namen) haben.

    3. Region

    - Stellt sicher, dass der gesamte Seiteninhalt durch Orientierungspunkte enthalten ist.

    4. Farbkontrast

    - Stellt sicher, dass der Kontrast zwischen Vorder- und Hintergrundfarben den Mindestgrenzwerten für das Kontrastverhältnis WCAG 2 AA entspricht.

    5. Bild alles

    - Stellt sicher, dass -Elemente alternativen Text oder die Rolle „Keine“ oder „Präsentation“ haben.

    6. Seite hat Überschrift eins

    - Stellen Sie sicher, dass die Seite oder mindestens einer ihrer Frames eine Überschrift der ersten Ebene enthält.

    7. Wahrzeichen-Eins-Haupt

    - Stellt sicher, dass das Dokument einen Hauptmarker hat.

    8. Überschriftenreihenfolge

    - Stellt sicher, dass die Reihenfolge der Überschriften semantisch korrekt ist.

    9. Schaltflächenname

    - Stellt sicher, dass die Schaltflächen einen lesbaren Text haben.

    10. Linkname

    - Stellt sicher, dass der Text der Links lesbar ist.


    Assistierende Technologie und Browserkompatibilität


    Unser Ziel ist es, so viele Browser und unterstützende Technologien wie möglich zu unterstützen, damit unsere Benutzer mit möglichst wenigen Einschränkungen die für sie am besten geeigneten Tools auswählen können. Deshalb haben wir sehr hart daran gearbeitet, alle wichtigen Systeme unterstützen zu können, die über 95 % des Benutzermarktanteils ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader). sowohl für Windows- als auch MAC-Benutzer.


    Wir bemühen uns, alle Barrierefreiheitsprobleme bis Februar 2025 zu beheben und arbeiten derzeit mit Patrol AI zusammen, um Best Practices für Barrierefreiheit festzulegen und neue Korrekturen für bestehende Barrierefreiheitsverstöße, einschließlich der oben aufgeführten, zu implementieren.