Was bedeutet Arie im Bootstrap?

Aria bedeutet in Bootstrap „Accessible Rich Internet Application“ und ist die Abkürzung für „Accessible Rich Internet Application“. Sie dient zur Verbesserung der Erkennung und des Lesens von Webseiten auf unterstützenden Lesegeräten und kann HTML ersetzen und js Barrierefreiheitsmängel.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.3.7, DELL G3-Computer

aria in Bootstrap Was bedeutet aria?

aria ist die Abkürzung für Accessible Rich Internet Application, Baidu-Übersetzung : Accessible Rich Internet Application-Programm.

Diese Art von Attribut soll die Erkennung und das Lesen von Webseiten auf unterstützenden Lesegeräten mit Behinderungen verbessern.

aria ist eine relativ neue unterstützende Zugriffstechnologie, die verwendet wird, um die mangelnde Zugänglichkeit von HTML und JS selbst auszugleichen. Die Unterstützung von Aria ist nicht erforderlich oder obligatorisch, aber die Unterstützung von Aria macht Ihre Anwendung benutzerfreundlicher und robuster.

Zum Beispiel:

Das folgende Formular fügt das aria-label-Attribut hinzu. Wenn die Seite dann auf dieses Formular fokussiert ist, liest der Bildschirmleser den Wert des aria-label-Attributs und das aria-label hat kein Der visuelle Effekt ist für das Gerät einfach praktisch, um die Notizen zu lesen.

<input type="text" class="form-control" id="name" placeholder="请输入名称" aria-label="名称">

Wissen erweitern:

ARIA bietet Lösungen für Web-Apps, um den unterschiedlichen Bedürfnissen der Benutzer gerecht zu werden. Bauen Sie eine Brücke zwischen Benutzern und Software.

Der neue HTML5-Standard fügt aria-*-Tag-Attribute hinzu, der vollständige Name lautet Accessible Rich Internet Application. Wird in Verbindung mit dem Rollen-Tag-Attribut verwendet. Das Attribut „role“ gibt die tatsächliche Rolle eines nicht standardmäßigen Tags an. Wenn Sie beispielsweise ein Div als Schaltfläche verwenden, legen Sie die Rolle des Divs auf „button“ fest, und das Hilfstool kann erkennen, dass es sich tatsächlich um eine Schaltfläche handelt. Die Funktion von aria-* besteht darin, die spezifischen Informationen dieses Tags in der visuellen Situation zu beschreiben.

Die einfachste Anwendung, zum Beispiel

<div role="checkbox" aria-checked="checked"></div>

Das Hilfstool erkennt, dass es sich bei diesem Div tatsächlich um eine Kontrollkästchenrolle handelt und sich im ausgewählten Status befindet.

Verwandte Empfehlungen:

Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet Arie im Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!