Unterstützung durch unterstützende Technologien

Alle Viewer-Komponenten unterstützen ARIA-Rollen und -Attribute (Accessible Rich Internet Applications), um die Integration mit Hilfstechnologien wie Bildschirmlesehilfen zu verbessern.

Für das Viewer-Element der obersten Ebene sind die Attribute region und aria-label standardmäßig auf den Namen des Viewers eingestellt. Sie können die Bezeichnung mit dem Symbol für die lokale Anpassung 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 Schaltflächensymbols für die lokale Anpassung gefüllt. Wenn eine Schaltfläche deaktiviert ist, wird das Attribut aria-disabled entsprechend eingestellt.

Slider-Komponenten 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 aria-haspopup-Attribut auf true und das aria-controls-Attribut gesetzt ist und 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 wird das Attribut aria-label angegeben.

Modale Dialogfelder haben die Rolle dialog. Das Header-Element des Dialogfelds wird durch das aria-labelledby-Attribut referenziert.

Auf dieser Seite

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now