Tag: wai-aria
WAI-ARIA, die Accessible Rich Internet Applications Suite, definiert einen Weg, um web-Inhalte und web-Anwendungen mehr zugänglich für Menschen mit Behinderungen. Es hilft vor allem mit dynamischen Inhalten und erweiterte Steuerelemente der Benutzeroberfläche entwickelt, mit AJAX, HTML, JavaScript und verwandten Technologien.
Was ist der Unterschied zwischen aria-owns-und aria-controls
2 Antworten
Was ist die wirkliche Auswirkungen auf ein element bei der Verwendung aria-owns="id" und(!) aria-controls="id" Wie der Browser benachrichtigt den Bildschirm Leser, wenn diese beiden Attribute werden verwendet? InformationsquelleAutor EGN | 2015-11-30
Zugänglich, mobile-friendly lightbox?
2 Antworten
Gibt es eine lightbox-Lösung (entlang der Linien von Fancybox, etc.) das ist sowohl zugänglich (VoiceOver & BACKEN, etc., kompatibel mit vielleicht WAI-ARIA Rollen) und mobile-friendly? Bonus-Punkte für ein jQuery-plugin. Diese geschlossene Frage scheint mehr nützliche Antworten zu
Mehrere aria-Rolle "navigation" und "komplementär"?
1 Antworten
In einem Dokument, gibt es mehrere <nav> und <aside> Elemente. Sollte ich role="navigation" auf alle <nav>s und role="complementary" auf alle <aside>s? In anderen Worten, ist es mehr positive oder mehr redundant, dass es mehrere <nav role="navigation">...</nav>s und
Wo die aria-controls-Attribut in meinen tabs markup
2 Antworten
Ich bin einrichten einer tabbed Inhalt-Abschnitt in meine Seite mit einem Skript, das folgt der folgenden syntax: <!-- Clickable tab links --> <ul class="js-tablist"> <li id="tab1" class="js-tab active"><a href="#tabpanel1">Tab 1</a></li> <li id="tab2" class="js-tab"><a href="#tabpanel2">Tab 2</a></li> <li id="tab3"
Warum tut `ul` haben ARIA-Rolle `Menü` sondern `menuitem` ist verboten, `li`?
5 Antworten
Nur bedeckt, einige strage Spezifikationen in Bezug auf ARIA-Rollen. Warum ul haben ARIA-Rolle menu aber menuitem ist verboten, für die li? Möchte ich beschreiben, eine Navigationsleiste mit ul, li - und HTML5 - nav - element in
Best practice verwenden aria-label als Selektor für das styling
2 Antworten
Bin ich styling, eine Tabelle, Tabellenzellen mit (nicht-interaktiven) Haken. Das Häkchen-Symbole Hinzugefügt werden, per CSS. Da es keine zugänglichen Inhalt im es, ich fügte hinzu, ein aria-label. Jetzt Frage ich mich, ob es eine gute Idee, verwenden
Hat aria-hidden=true bedeutet, Sie müssen nicht auf display:none?
1 Antworten
Ich habe gehört, dass die Anwendung display:none dass die Dinge, die nicht sichtbar sind, leichter zugänglich und ändern die Deckkraft. Allerdings mit display:none vermasselt einige meiner css-Animationen, die stufenweise geschichtet auf die Kern-Funktionalität. Ist es zugänglich, wenn
Der Grund für die Verwendung von role="list" und role="listitem"?
2 Antworten
Gibt es einen nutzen aus der Verwendung des folgenden Codes? <ul role="list"> <li role="listitem"></li> <li role="listitem"></li> <li role="listitem"></li> </ul> Tut der folgende code hat die gleiche Bedeutung wie assistive Technologien? <ul> <li></li> <li></li> <li></li> </ul> InformationsquelleAutor Ian
Unterschied zwischen aria-live="assertive" und aria-live="polite"
1 Antworten
Kann jemand bitte erläutern Sie auf den Unterschied zwischen aria-live="assertive" und aria-live="polite"? Gemäß meinem Verständnis aria-live="assertive" erhalten die höhere Priorität haben, und wischen Sie die Warteschlange, in der Erwägung, dass aria-live="polite" mit niedriger Priorität über aria-live="assertive" und
aria-live und BACKEN
2 Antworten
Ich versuche, ein aria-live-region, um korrekt zu arbeiten mit JAWS 11 und IE8. Mithilfe des folgenden Codes, bekomme ich die KIEFER zu verkünden, den neuen Wert, wenn die Schaltfläche geklickt wird, aber das Verhalten ist nicht das,
Ungültige Attribut role mit dem Wert für das element "Abschnitt"?
3 Antworten
In eine website, die ich jetzt arbeite, habe ich einen Abschnitt element, das den Typ auf "main". Nach WAI-ARIA, die section element verwenden können main als role Attribut (role="main"). Jedoch, wenn ich meine Seite durch den W3C
Wann das erforderliche Attribut vs die aria-required-Attribut für input-Elemente?
2 Antworten
Ich versuche, mich ein Formular zugänglich. Sollte ich meine Eingänge haben beide required und aria-required Attribute oder nur eines? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" required> Oder so? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" aria-required="true">
Brauche ich role="button" auf einer <button>?
6 Antworten
Habe ich bemerkt dass in allen Bootstrap - Beispiele für die Verwendung von button Elemente, Sie gehören role="button" (und type="button"), wie: <div class="dropdown"> <button id="dLabel" type="button" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown trigger <span class="caret"></span> </button> <ul class="dropdown-menu"
aria-label und label nicht Lesen
1 Antworten
Bitte betrachten Sie das folgende markup. <label for="i1" class="inforLabel">This is a label</label> <input id="i1" type="text" class="inforTextbox" aria-label="Title, not label" /> Mir dieses markup ist, was wird generiert, nachdem mein tooltip-Steuerelement. Die Frage, die ich bin, zu sehen
So wählen Sie alle Elemente mit bestimmten ARIA-Wert mithilfe von jQuery?
2 Antworten
Gegeben habe ich eine Beispiel-Seite, die wie folgt aussieht: <!DOCTYPE html> <html> <body> <h1 aria-controls="name1">heading</h1> <p aria-controls="name2">paragraph</p> <span aria-controls="name1">span</span> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </body> </html> Wie würde ich jQuery verwenden, wählen Sie die (2) Elemente mit Ihren aria-controls
Sie können verwenden Sie eine <neben> - element innerhalb eines <section role="main"> - element?
4 Antworten
Ich bin in den Prozess der Verbesserung der Barrierefreiheit in mein HTML mit HTML5 und WAI-ARIA. Es ist OK, um die folgenden set-up? <!-- main content --> <section id="main" role="main"> <h1>The main content</h1> <!-- This div needs
Barrierefreiheit: was kann aria-haspopup verwendet werden?
2 Antworten
Ich habe es auf gute Behörde, dass aria-haspopup geeignet ist für die sub-Menüs (wie ein popup-Kontextmenü oder sub-level-Menü). Es ist verwendet auf jQuery UI Selectmenu und auch in diesem tolles Beispiel. Was ich habe nicht in der
Wann das disabled-Attribut vs aria-disabled-Attribut für HTML-Elemente?
3 Antworten
Ich versuche, mich ein Formular zugänglich. Sollte ich meine Eingänge haben beide disabled und aria-disabled Attribute oder nur eines? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" disabled> Oder so? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" aria-disabled="true">
Was ist der Unterschied zwischen HTML-Attributen "versteckt" und "aria-versteckt"?
3 Antworten
Ich gesehen habe das aria-Attribut alle über während der Arbeit mit kantigem Material. Kann mir jemand erklären, was die aria-Präfix bedeutet? aber am wichtigsten ist, was ich versuche zu verstehen, ist der Unterschied zwischen aria-hidden und hidden
Der Zweck, "aria-labelledby" auf bereits beschrifteten Eingabeelementen zu verwenden?
2 Antworten
Viele ARIA demonstration websites verwenden code, z.B.: <label for="name" id="label-name">Your Name</label> <input id="name" aria-labelledby="label-name" type="text"> Aber was ist der Zweck der Verwendung aria-labelledby - Attribut in diesem Fall? Die input element ist bereits gekennzeichnet durch die label
Empfohlene WAI-ARIA-Implementierung für Navigationsleiste / Menü
5 Antworten
Wir sind in den Prozess der Implementierung (z.B. das hinzufügen) der WAI-ARIA Unterstützung für die Haupt-Navigations-Menü ein web-portal. Menü ist hier dargestellt: Menü erfolgt mittels der klassischen <ul> /<li> /<a> DOM-Baum, gestylt mit CSS zu schauen, wie
Warum haben Bootstrap-Registerkarten role = "presentation"?
2 Antworten
Arbeite ich an einem design-system, das sich von der Bootstrap framework. Eines der wichtigsten Ziele ist die Zugänglichkeit. Bei der Implementierung von Bootstrap tabs sehe ich, dass Sie sich role="presentation" auf die Elemente der Liste in Ihrer
Wie benachrichtigen Sie Bildschirmleser mit WAI-ARIA, dass ein div jetzt sichtbar ist
4 Antworten
Wie tun Sie Benachrichtigen, Bildschirm-Lesegeräte über WAI-ARIA, die ein div ist nun sichtbar? Wenn wir die html - <div id="foo">Present main content</div> <div id="bar" style="display: none;">Hidden content</div> und dann haben wir $('#foo').hide(); $('#bar').show(); wie informieren wir Bildschirmleseprogramme,
Was sind diese Attribute: `aria-labelledby` und` aria-hidden`
4 Antworten
Verwendung von Bootstrap-modal, die ich gesehen habe, diese aria Attribute eine Menge, aber ich wusste nie, wie man von Ihnen Gebrauch machen. Weiß jemand was von Fällen, die Verwendung dieser Attribute? Ich gegoogelt—nur nicht finden, eine einfache
Soll role = "contentinfo" immer am Fußzeilenelement hinzugefügt werden?
4 Antworten
Auf ARIA demonstration websites, die role="contentinfo" ist in der Regel Hinzugefügt am footer element. Jedoch Fußzeilen in der modernen web-design kreativ sein kann, so dass Sie können auch Dinge wie zusätzliche Navigations-links, social-website-links, oder auch ein newsletter-Formular.
Wie deaktiviere ich ngAria in ngMaterial?
5 Antworten
ngAria (Barrierefreiheit Modul) ist das hinzufügen eine unnötige bower importieren, um meine Eckig Material Projekt - und nun ist es werfen Warnhinweise: Attribut " aria-label ", erforderlich für die Zugänglichkeit, fehlt auf Knoten Ich nur Hinzugefügt, ngAria,
Was ist HTML5 ARIA?
5 Antworten
Was ist HTML5-ARIE? Ich verstehe nicht, wie es zu implementieren. InformationsquelleAutor der Frage Subbu | 2010-08-13
Was bedeutet die Eigenschaft "aria-describedby"?
2 Antworten
Den folgenden HTML-Code wird eingefügt, indem das jQuery Grid-plugin: <td role="gridcell" style="" aria-describedby="list_createdBy">Sam</td> Was ist die Bedeutung des " aria-describedby property? InformationsquelleAutor der Frage Rinkal Bhanderi | 2011-01-03
Kann jemand das HTML5 aria-Attribut erklären?
1 Antworten
Wollte ich wissen, was die aria-* Attribute verwendet werden. Welche Werte kann der haben Sie, und sind Sie definiert Werte, oder kann ich meine eigenen Werte? InformationsquelleAutor der Frage soflow | 2010-11-14