Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
ARIA: aria-readonly-Attribut
Dasaria-readonly-Attribut gibt an, dass das Element nicht bearbeitbar ist, aber dennoch bedienbar bleibt.
In diesem Artikel
Beschreibung
Wenn Sie anzeigen möchten, dass ein interaktives Element funktioniert, aber nicht bearbeitbar ist, setzen Siearia-readonly="true". Dies signalisiert dem Benutzer, dass ein interaktives Element, das normalerweise fokussierbar und kopierbar wäre, in einem schreibgeschützten (nicht deaktivierten) Zustand versetzt wurde.
Wennaria-readonly auftrue gesetzt ist, bedeutet dies, dass der Benutzer den Wert des Widgets lesen, aber nicht setzen kann. Schreibgeschützte Elemente sind für den Benutzer weiterhin relevant, daher sollten Sie nicht verhindern, dass der Benutzer zum Element oder seinen fokussierbaren Nachkommen navigiert oder den Wert kopiert.
Beispiele umfassen:
- Formularelemente, die nicht geändert werden sollten.
- Zeilen- und Spaltenüberschriften in einer Tabelle.
- Der Gesamtwert in einem Einkaufswagen.
Wenn der nicht veränderbare Wert keinen Fokus erhalten sollte, verwenden Sie stattdessenaria-disabled.
Hinweis:Wenn Sie semantische HTML-Formularsteuerelemente verwenden und dasreadonly-Attribut setzen, müssen Siearia-readonly="true" nicht hinzufügen.
Hinweis:Der Wert von<input type="checkbox"> kann nicht bearbeitet werden, wasreadonly irrelevant macht. Wenn jedoch Kontrollkästchen mitrole="checkbox" erstellt werden, wird dasaria-readonly-Attributunterstützt.
Werte
trueDas Element ist schreibgeschützt.
false(Standard)Das Element ist nicht schreibgeschützt.
Zugehörige Schnittstellen
Element.ariaReadOnlyDie
ariaReadOnly-Eigenschaft, Teil derElement-Schnittstelle, spiegelt den Wert desaria-readonly-Attributs wider.ElementInternals.ariaReadOnlyDie
ariaReadOnly-Eigenschaft, Teil derElementInternals-Schnittstelle, spiegelt den Wert desaria-readonly-Attributs wider.
Zugehörige Rollen
Verwendet in Rollen:
Vererbt in Rollen:
Spezifikationen
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA)> # aria-readonly> |