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.

Die Hauptansicht hat die Rolle "application". Eine kurze Beschreibung der Hauptansicht wird in aria-roledescription bereitgestellt, wobei der Wert durch das Lokalisierungssymbol ROLE_DESCRIPTION der entsprechenden Hauptansichtskomponente definiert wird. Navigationshinweise für Tastaturbenutzer werden mit aria-describedby bereitgestellt, der Text für den Nutzungshinweis stammt aus dem Lokalisierungssymbol USAGE_HINT. Wenn für ein Asset eine Beschriftung im Feld UserData definiert ist, wird das Attribut aria-label mit dem Wert dieser Beschriftung festgelegt.

Hotspots, Regionen und Imagemaps haben die Rolle "button"und beschreibenden Text mit dem Attribut "aria-label", wobei der Wert der Hotspot- oder Imagemap-Beschriftung angegeben ist. Wenn der Benutzer den Fokus auf Hotspots oder Imagemaps legt, werden Navigationshinweise für Tastaturbenutzer mit aria-describedby bereitgestellt, wobei der Text für den Nutzungshinweis aus dem Lokalisierungssymbol USAGE_HINT stammt.

Miniaturansichten haben die Rolle "dialog", wobei das Attribut "aria-label" durch das Lokalisierungssymbol "ThumbnailGridView.LABEL" gesteuert wird. Einzelne Miniaturansichten haben die Rolle "button". Wenn eine Miniaturansicht ausgewählt ist, wird das Attribut aria-selected auf true gesetzt.

Komponenten, die Muster anzeigen, haben die Rolle "listbox", wobei das Attribut "aria-label" auf den Wert des Lokalisierungssymbols LABEL dieser Komponente gesetzt ist. Einzelne Muster haben die Rolle option mit den Attributen aria-setsize und aria-posinset , um die Musterposition im Satz zu beschreiben. Wenn ein Muster ausgewählt ist, wird das aria-selected -Attribut auf true gesetzt.

Dropdown-Listen werden durch Schaltflächen aktiviert, wobei das zusätzliche Attribut aria-haspopup auf true und das Attribut aria-controls auf das tatsächliche Dropdown-Bedienfeldelement verweisen. Das Dropdown-Bedienfeld selbst hat die Rolle "menu", wobei Unterelemente die Rolle "menuitem" haben. Für jedes Menüelement ist das Attribut aria-label angegeben.

Die Suchbenutzeroberfläche ist im Element mit der Rolle "search" gruppiert. Das Eingabefeld für die Suche hat die Rolle "searchbox" und verweist auf die informative Bezeichnung, die durch das Lokalisierungssymbol SearchPanel.INFO_PROMPT mit dem Attribut aria-describedby gesteuert wird.

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