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

View in English Always switch to English

Element: ariaRequired-Eigenschaft

Baseline 2023
Neu verfügbar

Seit October 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Die ariaRequired-Eigenschaft des Element-Interfaces spiegelt den Wert des aria-required-Attributs wider, das angibt, dass Benutzereingaben erforderlich sind, bevor ein Formular gesendet werden kann.

Hinweis: Verwenden Sie nach Möglichkeit ein HTML <input>-Element mit type="text" oder ein <textarea>, da diese eingebaute Semantik besitzen und keine ARIA-Attribute erfordern.

Wert

Ein String mit einem der folgenden Werte:

"true"

Benutzer müssen Eingaben auf einem Element machen, bevor ein Formular gesendet wird.

"false"

Benutzereingaben sind zum Senden des Formulars nicht erforderlich.

Beispiele

In diesem Beispiel ist das aria-required-Attribut des Elements mit der ID txtBoxInput auf "true" gesetzt, was anzeigt, dass diese Eingabe ausgefüllt werden muss. Mit ariaRequired aktualisieren wir den Wert auf "false".

html
<div id="txtboxMultilineLabel">Enter the tags for the article</div>
<div
  role="textbox"
  id="txtBoxInput"
  contenteditable="true"
  aria-multiline="true"
  aria-labelledby="txtboxMultilineLabel"
  aria-required="true"></div>
js
let el = document.getElementById("txtBoxInput");
console.log(el.ariaRequired); // "true"
el.ariaRequired = "false";
console.log(el.ariaRequired); // "false"

Spezifikationen

Spezifikation
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariarequired

Browser-Kompatibilität

Siehe auch