Was ist HTML5 ARIA?

Question

Was ist HTML5 ARIA? Ich verstehe nicht, wie es zu implementieren.

Answer 1

WAI-ARIA ist eine Spezifikation für bedienbare Web-Anwendungen zu definieren Unterstützung. Es definiert Bündel von Markup-Erweiterungen (meist als Attribut auf HTML5-Elementen), die von dem Web-App-Entwickler verwendet werden kann, zusätzliche Informationen über die Semantik der verschiedenen Elemente zu unterstützenden Technologien wie Bildschirmlesegeräte zur Verfügung zu stellen. Natürlich, für ARIA an die Arbeit, Agent der HTTP-Benutzer, dass die interpretiert Markup Bedürfnisse ARIA zu unterstützen, aber die Spezifikation ist in einer solchen Art und Weise erstellt, als Agenten Benutzer zu ermöglichen, Ebene Sie die ARIA spezifische Markup sicher zu ignorieren, ohne die Auswirkungen auf Web-App-Funktionalität.

Hier ist ein Beispiel aus der ARIA-Spezifikation:

<ul role="menubar">

  <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      ...
    </ul>
  </li>
  ...
</ul>

Beachten Sie die role Attribut auf dem äußeren <ul> Element. Dieses Attribut wirkt sich nicht in irgendeiner Art und Weise, wie das Markup auf dem Bildschirm durch den Browser gerendert wird; jedoch, Browser, dass die Unterstützung ARIA wird OS-spezifische Informationen über die Barrierefreiheit das gerenderten UI-Element hinzufügen, so dass der Bildschirmleser es als Menü interpretieren kann und es laut mit genügend Kontext für die Endbenutzer lesen (zum Beispiel zu verstehen, ein expliziten „Menü“ Audio-Hinweis) und ist in der Lage, mit ihm zu interagieren (zB Sprachnavigation).

Answer 2

ARIA steht für Accessible Rich Internet Applications.

  

WAI-ARIA ist eine unglaublich leistungsstarke Technologie, die es Entwicklern auf einfache Weise den Zweck, staatliche und andere Funktionalität visuell ansprechende Benutzeroberflächen beschreiben - in einer Weise, die von technischen Hilfsmitteln verstanden werden kann. WAI-ARIA hat schließlich in den aktuellen Arbeitsentwurf der HTML-5-Spezifikation integriert.

Und wenn Sie sich fragen, was WAI-ARIA ist, ist es das gleiche.

  

Bitte beachten Sie die Bedingungen WAI-ARIA und ARIA auf die gleiche Sache beziehen. Es ist jedoch mehr richtig WAI-ARIA zu verwenden, um ihren Ursprung in WAI zu bestätigen.

WAI = Web Accessibility Initiative

Von den Blicken von ihm, ARIA für unterstützende Technologien verwendet und meist Bildschirm lesen.

Die meisten Ihrer Zweifel werden gelöscht, wenn Sie diesen Artikel lesen

http://www.w3.org/TR/aria-in-html /

Answer 3

Was ist das?

WAI-ARIA steht für „Web Accessibility Initiative - Accessible Rich Internet Applications“ . Es ist eine Reihe von Attributen, um Hilfe zu Hilfe unterstützende Technologien, wie Bildschirmleser für Blinde, Sinn machen bestimmte Dinge, die Semantik einer Website oder Web-Anwendung zu verbessern, die auf HTML nicht heimisch sind. Die Informationen ausgesetzt ist, können von etwas so einfach liegen, wie ein Bildschirmleser sagen, dass ein Link oder eine Schaltfläche aktiviert nur zeigte oder versteckte weitere Elemente, um Widgets so komplex wie ganze Menüsysteme oder hierarchische Baumansichten.

Dieses erreicht durch Rollen und Staat Attribute HTML 4.01 Anwendung oder später Markup, das keinen Einfluss auf das Layout oder Browser-Funktionalität hat, sondern bietet zusätzliche Informationen für unterstützende Technologien.

Eine Ecke Stein von WAI-ARIA ist die Rolle Attribut. Es teilt den Browser mit den unterstützenden Technologien zu sagen, dass das HTML-Element verwendet wird, nicht wirklich, was das Element Name schon sagt, aber etwas anderes. Während es ursprünglich nur ein div-Element ist, kann dieses div-Element der Behälter auto-complete Elemente eine Liste sein, wäre angemessen, wobei eine Rolle des „Listbox“ zu verwenden. Ebenso ein anderes div, dass ein Kind dieses div-Container ist, und die eine einzige Option Element, sollte dann eine Rolle der „Option“ bekommen. Zwei divs, aber durch die Rollen, ganz andere Bedeutung. Die Rollen sind nach dem Vorbild häufig verwendeten Desktop-Anwendung Pendants.

Eine Ausnahme hierzu sind Dokument Wahrzeichen Rollen, die nicht die tatsächliche Bedeutung des betreffenden Elements ändern, aber Informationen zu diesem bestimmten Ort in einem Dokument zur Verfügung stellen.

Der zweite Grundstein sind WAI-ARIA Zustände und Eigenschaften. Sie definieren den Zustand bestimmter nativer oder WAI-ARIA-Elemente wie wenn etwas kollabiert oder expandiert, ein Formularelement erforderlich ist, hat etwas ein Popup-Menü mit ihm verbunden oder dergleichen. Diese sind oft dynamisch und ändern ihre Werte während des gesamten Lebenszyklus einer Web-Anwendung, und werden in der Regel über JavaScript manipuliert werden.

Was ist es nicht?

WAI-ARIA ist nicht auf Einfluss Browserverhalten bestimmt. Im Gegensatz zu einem realen Knopfelement, zum Beispiel ein div, die schütten Sie die Rolle der „Knopfes“ auf nicht-Tastatur Fokussierbarkeit nicht geben, einen automatischen Click-Handler, wenn der Platz oder die Eingabetaste auf sich und anderen Eigenschaften gedrückt werden, die auf eine indiginous sind Taste. Der Browser selbst nicht weiß, dass ein div mit Rolle der „Knopf“ ein Knopf ist, nur seine Zugänglichkeit API Teil der Fall ist.

Als Konsequenz bedeutet dies, dass Sie absolut Tastaturnavigation implementieren müssen, Fokussierbarkeit und andere von Desktop-Anwendungen bekannten Verhaltensmuster selbst. Sie können einige erweiterte ARIA Techniken Hier .

Wann soll ich es nicht benutzen?

Ja, das stimmt, kommt dieser Abschnitt zuerst! Da die erste Regel WAI-ARIA der Verwendung ist: Verwenden Sie es nicht, wenn Sie absolut haben Die weniger WAI-ARIA Sie haben, und je mehr Sie sich mit nativen HTML-Widgets zählen kann, die! besser! Es gibt einige weitere Regeln zu folgen, können Sie diese überprüfen hier .

Answer 4

Was ist ARIA?

entstanden ARIA als eine Möglichkeit, um die Zugänglichkeit Problem der Verwendung einer Auszeichnungssprache für Dokumente gedacht zu adressieren, HTML, zu bauen Benutzeroberflächen (UI). HTML enthält eine große Anzahl von Funktionen mit Dokumenten (P, h3, UL, TABLE), sondern nur grundlegenden Elementen der Benutzeroberfläche wie A, INPUT und Knopf zu behandeln. Windows und andere Betriebssysteme unterstützen APIs, die (Assistive Technology) AT Zum Zugriff auf die Funktionalität von UI-Steuerelemente ermöglichen. Internet Explorer und andere Browser Karten die nativen HTML-Elemente auf die Zugänglichkeit API, aber der HTML-Steuerelemente ist nicht so reich wie die Kontrollen gemeinsam auf Desktop-Betriebssystemen und sind nicht genug für moderne Web-Anwendungen Benutzerdefinierte Steuerelemente HTML-Elemente erweitern kann, die Reich zu schaffen UI benötigt für moderne Web-Anwendungen. Vor ARIA hatte der Browser keine Möglichkeit, diesen zusätzlichen Reichtum die Zugänglichkeit API oder AT aussetzen. Das klassische Beispiel für dieses Problem ist das Hinzufügen eines Click-Handler zu einem Bild. Er schafft, was eine klickbare Schaltfläche, um eine Maus Benutzer zu sein scheint, ist aber nach wie vor nur ein Bild auf eine Tastatur oder AT Benutzer.

Die Lösung war eine Reihe von Attributen zu erstellen, die es Entwicklern ermöglichen, HTML zu erweitern mit UI Semantik. Der ARIA Begriff für eine Gruppe von HTML-Elementen, die benutzerdefinierten Funktionen haben und nutzen ARIA diese Funktionen Zugänglichkeit APIs zur Karte Attribut ist ein „Widget. ARIA stellt auch ein Mittel für die Autoren die Rolle von Inhalten zu dokumentieren selbst, die wiederum AT alternative Navigationsmechanismen für den Inhalt konstruieren kann, die viel einfacher zu bedienen sind als den vollständigen Text lesen oder nur eine Liste der Links iterieren.

Es ist wichtig, dass in einfachen Fällen zu erinnern, es viel nativen HTML-Steuerelemente zu verwenden, bevorzugt und Stil sie eher als ARIA verwendet wird. Das ist nicht neu erfinden Räder oder Kontrollkästchen, wenn Sie nicht haben.

Zum Glück können ARIA Markup bestehende Standorte hinzugefügt werden, ohne das Verhalten für Mainstream-Anwender zu ändern. Dies reduziert die Kosten für die Änderung und Prüfung der Website oder Anwendung.

Answer 5

lief ich eine andere Frage zu ARIA. Aber es Lust sieht für diese Frage mehr Erfolg versprechend. möchte sie teilen

Was ist ARIA?

Wenn Sie Aufwand in Ihrer Website zugänglich für Benutzer mit einer Vielzahl von verschiedenen Surfgewohnheiten und körperlichen Behinderungen zu machen, werden Sie wahrscheinlich die Rolle und aria- * Attribute erkennen. WAI-ARIA (Accessible Rich Internet Applications) ist ein Verfahren, Möglichkeiten der Bereitstellung von dynamischen Web-Inhalte und Anwendungen zu definieren, so dass Menschen mit Behinderungen identifizieren und erfolgreich mit ihm interagieren. Dies wird durch Rollen durchgeführt, welche die Struktur des Dokuments oder die Anwendung oder durch aria- * Attribute definieren, die eine Widget-Rolle, Beziehung, Zustand oder die Eigenschaft.

ARIA Verwendung ist in den empfohlenen Spezifikationen zu HTML5-Anwendungen leichter zugänglich zu machen. Wenn semantische HTML5-Elemente verwenden, sollten Sie die entsprechende Rolle eingestellt.

Und finden Sie in diesem you tube Video für ARIA zu Hause sind.