Unterstützung der Technologie

Letzte Aktualisierung: 2021-10-08
  • Erstellt für:
  • Developer
    User

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.

Auf dieser Seite