Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Barrierefreiheit
  3. ARIA
  4. ARIA-Referenz
  5. Roles
  6. document

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

ARIA: document-Rolle

Diedocument-Rolle ist für fokussierbare Inhalte innerhalb komplexer zusammengesetzterWidgets oderAnwendungen vorgesehen, für die unterstützende Technologien den Lesekontext zurück zum Lesemodus wechseln können.

Beschreibung

Diedocument-Rolle ist für den oberen Container gedacht, der Inhalte enthält, die Benutzer von unterstützenden Technologien im Lesemodus durchsuchen möchten. Nur innerhalb fokussierbarer Abschnitte innerhalb komplexer zusammengesetzterWidgets oderAnwendungen nützlich, informiert diedocument-Rolle die assistierenden Technologien, den Lesekontext zurück zum Lesemodus zu schalten: Diedocument-Rolle weist assistierende Technologien mit Lese- oder Durchsichtsmodi an, den Dokumentmodus zu verwenden, um den im Element enthaltenen Inhalt zu lesen.

html
<div role="dialog">  …  <div role="document" tabindex="0">    <p>Some informational text goes here.</p>  </div>  …  <button>Close</button></div>

Dieses Beispiel zeigt einenDialog, eine komplexe zusammengesetzte Widgetrolle, mit einigen Steuerungen und einem Abschnitt mit informativem Text, den die Nutzer der unterstützenden Technologien im Lesemodus lesen können, wenn er fokussiert wird.

Standardmäßig werden Webseiten als Dokumente behandelt; unterstützende Technologien (AT) treten in den Durchsichts- oder Lesemodus ein, wenn sie eine neue Webseite betreten. Dieser Modus kann durch verschiedene Rollen, einschließlich der Widget- und Anwendungsrollen, geändert werden. Diedocument-Rolle bringt das AT zurück in den Durchsichts- oder Lesemodus.

In der Regel wird diedocument-Rolle innerhalb einer Anwendungsrolle oder einer anderen interaktiven Widgetrolle platziert und verwendet, um einen Abschnitt eines komplexen zusammengesetzten Widgets zu kennzeichnen, den ein Benutzer von unterstützenden Technologien mit seinem Durchsichts- oder virtuellen Lesemodus, falls verfügbar, lesen sollte.

Da ATs mit Lesemodus standardmäßig diesen Modus für alle Elemente außer solchen mit einer Widget- oder Anwendungsrolle verwenden, ist diedocument-Rolle nur für fokussierbare Elemente innerhalb eines Widgets oder einer Anwendung nützlich, die als statischer Rich-Text gelesen werden sollten. Wennrole="document" undtabindex="0" zu dem Element hinzugefügt wird, das den Text innerhalb eines Widgets enthält, kann der Benutzer des Screenreaders die Tabulatortaste drücken, um den Fokus auf das Dokumentelement zu legen und den Text mit dem Lesecursor des Screenreaders zu lesen.

Unterstützende Technologien sollten den Kontext zurück zum Dokumentmodus wechseln, möglicherweise indem sie von Steuerungen abgefangen werden, die für den dynamischen Kontext des übergeordneten Elementes neu verdrahtet wurden, um die Standard-Eingabeereignisse, wie Tastaturereignisse für die Pfeiltasten nach oben oder unten, zur Steuerung des Lesecursors wieder zu aktivieren.

Im Gegensatz zurarticle-Rolle hat diedocument-Rolle keine Beziehung zu anderen Elementen mit einer Dokumentrolle, sie hat lediglich eine Beziehung zum enthaltenden zusammengesetzten Widget. Ein Artikel kann zugehörige Artikel haben.

Zugehörige WAI-ARIA-Rollen, Zustände und Eigenschaften

aria-expanded

Sollte mit einem Wert vontrue oderfalse angegeben werden, wenn das Dokumentelement zusammenklappbar ist, um anzuzeigen, ob das Dokument derzeit erweitert oder eingeklappt ist. Andere Werte schließen die Standardeinstellungundefined ein, was bedeutet, dass das Dokument nicht zusammenklappbar ist.

tabindex="0"

Wird verwendet, um es fokussierbar zu machen, sodass der Benutzer der unterstützenden Technologie darauf tabben und sofort mit dem Lesen beginnen kann.

Tastaturinteraktionen

Das Element sollte fokussierbar gemacht werden, indem das Attributtabindex="0" darauf gesetzt wird. Auf diese Weise kann der Benutzer darauf tabben, der Lesemodus wird automatisch aktiviert, und der Inhalt kann sofort gelesen werden.

Erforderliche JavaScript-Funktionen

Keine, außer wie von den Attributen erforderlich. Zum Beispiel, wenn dasdocument zusammenklappbar ist, dann müssen der Zustand und der Wert vonaria-expanded aufrechterhalten werden.

Beispiele

Ein Beispiel ist Gmail und die Ansicht einer einzelnen Konversation. GMail ist eine Webanwendung. In GMail werden die meisten Benutzeragenten-Interaktionen von der Anwendung übernommen. Wenn jedoch der Tastaturfokus auf die Startüberschrift einer einzelnen Konversation gesetzt wird, die das Thema der Konversation enthält, kann der Benutzer des Screenreaders mit Hilfe der Lesemodus-Befehle durch die Nachrichten lesen, sie erweitern oder zusammenklappen und sie manipulieren. Sobald der Fokus wieder zur Nachrichtenliste zurückkehrt, entweder durch Aktivierung der Zurück-Taste oder durch Drücken eines zugehörigen Tastenkürzels, wird der direkte Anwendungs-Interaktionsmodus wieder aktiviert, und der Benutzer kann mit denPfeiltasten zu einer anderen Konversation in der Liste wechseln.

Best Practices

Stellen Sie immer sicher, dass ein Element mit derdocument-Rolle fokussierbar ist, indem Sie dastabindex-Attribut mit einem Wert von 0 setzen. Dadurch wird es auch in die Tabreihenfolge eingeschlossen.

Zusätzliche Vorteile

Diedocument-Rolle ist eine einfache Möglichkeit, das Verhalten unterstützender Technologien indirekt zu steuern, indem unmissverständlich angegeben wird, dass dies Inhalt ist, den der Benutzer mit den Standardbefehlen des Screenreaders lesen sollte.

Spezifikationen

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# document

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2025 Movatter.jp