Unterstützung der Hilfstechnologien assistive-technology-support
Alle Viewer-Komponenten unterstützen ARIA-Rollen und -Attribute (Accessible Rich Internet Applications), um die Integration mit Hilfstechnologien wie der Sprachausgabe zu verbessern.
Für das Viewer-Element der obersten Ebene sind Rolle region
und aria-label
Attribut standardmäßig auf den Namen des Viewers festgelegt. Sie können die Beschriftung mit dem Container.LABEL
Lokalisierungssymbol steuern.
Für Schaltflächen sind der button
und der beschreibende Text mit dem Attribut aria-label
festgelegt. Der Wert aria-label
Attributs wird aus dem Wert des Lokalisierungssymbols der Schaltfläche gefüllt. Wenn eine Schaltfläche deaktiviert ist, wird aria-disabled
Attribut entsprechend festgelegt.
Schieberkomponenten haben die Rolle slider
mit den Attributen aria-valuenow
, aria-valuemin
und aria-valuemax
, um die aktuelle Schieberposition zu beschreiben.
Dropdown-Listen werden durch Schaltflächen aktiviert, wobei das zusätzliche aria-haspopup
-Attribut auf true
festgelegt ist und aria-controls
Attribut auf das tatsächliche Dropdown-Bedienfeldelement verweist. Das Dropdown-Bedienfeld selbst hat die Rolle menu
mit Unterelementen mit der Rolle menuitem
. Für jedes Menüelement ist das aria-label
Attribut angegeben.
Modale Dialogfelder haben die Rolle dialog
. Das Kopfzeilenelement des Dialogfelds wird durch das Attribut aria-labelledby
referenziert.