Unterstützung der Technologie

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 eine Rolle region und aria-label -Attribut, das standardmäßig auf den Namen des Viewers gesetzt ist. Sie können den Titel mit der Container.LABEL Lokalisierungssymbol.

Schaltflächen haben die Rolle button und beschreibender Text mit aria-label -Attribut. Der Wert von aria-label -Attribut wird aus dem Wert des Lokalisierungssymbols der Schaltfläche gefüllt. Wenn eine Schaltfläche deaktiviert ist, aria-disabled -Attribut entsprechend festgelegt ist.

Reglerkomponenten haben die Rolle slider mit Attributen aria-valuenow, aria-valueminund aria-valuemax um die aktuelle Reglerposition zu beschreiben.

Dropdown-Listen werden durch Schaltflächen mit zusätzlichen aria-haspopup -Attribut auf true und aria-controls -Attribut, das auf das tatsächliche Dropdown-Bedienfeldelement verweist. Das Dropdown-Bedienfeld selbst hat die Rolle menu mit Unterelementen mit Rolle menuitem. Jedes Menüelement verfügt über aria-label -Attribut angegeben.

Modale Dialogfelder haben die Rolle dialog. Das Kopfzeilenelement des Dialogfelds wird durch die aria-labelledby -Attribut.