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 den Titel mit dem Lokalisierungssymbol Container.LABEL
steuern.
Schaltflächen haben die Rolle button
und einen beschreibenden Text mit dem Attribut aria-label
. 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 true
und das Attribut aria-controls
gesetzt sind, 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 Header-Element des Dialogfelds wird durch das Attribut aria-labelledby
referenziert.