Barrierefreiheit

Barrierefreiheit spielt eine entscheidende Rolle in modernen Webanwendungen.
Es gibt verschiedene Techniken, die darauf abzielen, eine Anwendung oder Website einfacher nutzbar und zugänglicher zu machen.

Um den Zugang und die Bedienbarkeit von DHTMLXScheduler für Menschen mit Behinderungen zu verbessern, enthält die Komponente mehrere Funktionen zur Barrierefreiheit:

  • WAI-ARIA-Attribute
  • Tastaturnavigation
  • Hochkontrast-Themes

WAI-ARIA-Attribute

DHTMLXScheduler unterstützt WAI-ARIA durch das Hinzufügen spezieller Attribute zum Markup der Komponente.
Diese Attribute helfen Screenreadern, die Komponente besser zu erkennen und zu interpretieren.

Weitere Informationen finden Sie in der offiziellen WAI-ARIA-Spezifikation.

Standardmäßig sind WAI-ARIA-Attribute im Scheduler aktiviert. Bei Bedarf können sie deaktiviert werden, indem die Eigenschaft wai_aria_attributes auf false gesetzt wird:

scheduler.config.wai_aria_attributes = false;

Zusätzlich ist es möglich, die Verwendung des role="application" Attributs am Hauptcontainer des Schedulers und an den Minikalender-Elementen zu aktivieren oder zu deaktivieren. Diese Einstellung wird über die Eigenschaft wai_aria_application_role gesteuert und ist standardmäßig auf true gesetzt.

scheduler.config.wai_aria_application_role = false;

Tastaturnavigation

Dieser Ansatz ermöglicht es Nutzern, alle Funktionen der Anwendung ausschließlich über Tastaturbefehle und Tastenkombinationen zu bedienen, anstatt auf eine Maus angewiesen zu sein.

Ausführlichere Informationen finden Sie im Artikel Tastaturnavigation.

Hochkontrast-Themes

DHTMLXScheduler enthält Themes mit hochkontrastierenden Farben, um die Benutzeroberfläche deutlicher und leichter erkennbar zu machen.
Diese Themes sind besonders hilfreich für Nutzer mit speziellen Sehbedürfnissen.

Es stehen zwei Hochkontrast-Themes zur Verfügung:

  • Kontrast Black Skin

<link rel="stylesheet" href="../../codebase/dhtmlxscheduler_contrast_black.css">

Related sample:  High contrast theme - Black

  • Kontrast White Skin

<link rel="stylesheet" href="../../codebase/dhtmlxscheduler_contrast_white.css">

Related sample:  High contrast theme - White

Nach oben