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