Brauche ich role="button" auf einer <button>?

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" role="menu" aria-labelledby="dLabel">
    ...
    </ul>
</div>

Nicht accessibility-software wissen bereits, dass ein button element ist gemeint, zu handeln wie ein button? Gibt es einen Grund, ich sollte zählen role="button" - und/oder type="button" in meinem code?

Ich glaube nicht, verwenden Sie entweder die mit bootstrap und es funktioniert gut, aber es wird nicht Schaden, um zu Folgen den Beispielen von bootstrap. Ich würde empfehlen vor dem posten einer Frage dieser Art zu versuchen, und entfernen Sie die beiden Felder aus und testen Sie es. Versuch und Irrtum mein Freund, ist eine wunderbare Lernhilfe. 🙂

InformationsquelleAutor QuasarDonkey | 2014-11-14

  1. 21

    Viele HTML5-Elemente kommen mit Standard-implizite ARIA-Semantik, und explizit die Festlegung dieser Standardwerte ist "unnötig und nicht empfehlenswert".

    Blick auf die Taste - element, können Sie sehen, dass es für die Taste Rolle standardmäßig.

    So, Einstellung role="button" ist "nicht empfohlen, aber erlaubt. Es könnte helfen älteren user-agents, die Unterstützung von WAI-ARIA, aber nicht HTML5.

    InformationsquelleAutor unor

  2. 11

    TL;DR Für den Fall gegeben, role=button sollte angegeben werden, denn es verhält sich als toggle-Taste. type=button sollte auch verwendet werden.

    Alle Bootstrap-Tasten nicht verwenden role=button

    Die Informationen in der Frage, die besagt, dass alle buttons in Bootstrap Beispiele verwenden role=button ist falsch. Nur die Schaltflächen, die logisch Verhalten sich wie toggle-buttons sind als solche gekennzeichnet.

    Mit role=button auf ein button-element

    Du nicht verwenden müssen role=button im Allgemeinen, wie button-Elemente haben starken einheitlichen Semantik. Außerdem, so die ARIA Verwendung Hinweis: in W3C-HTML5-Spezifikation:

    In der Mehrzahl der Fälle die Einstellung eine ARIA-Rolle und/oder aria-* attribute, entspricht die Standard-implizite ARIA-Semantik ist nicht notwendig und nicht empfehlenswert, da diese Eigenschaften bereits gesetzt sind, die durch die browser.

    Gibt es eine Ausnahme, für die Tasten, das ist der Fall in dem Beispiel gegeben.

    Entsprechend den Empfehlungen in Tabelle W3C Mit WAI-ARIA in HTML:

    HTML-Sprache-Funktion: Taste

    Standard-ARIA-Semantik: role=button

    Sollten Autoren explizit definieren Standard-ARIA-Semantik? NEIN (Hinweis: 0a)

    Hinweis: 0a: JA, Wenn die aria-pressed-Attribut verwendet wird, auf die Schaltfläche element

    So sollte man die Rolle für die Tasten, aber sonst nicht.

    Type=button auf eine Taste

    Da die Frage auch erwähnt type=button werde ich erarbeiten. Nach der Abschnitt über die Schaltflächen in der W3C-HTML5-Spezifikation, die fehlenden default-Wert für geben Sie auf den button Elemente ist type=submit, deren Aktivierung Verhalten ist, das Formular zu senden Besitzer, wenn er eines hat. Es ist keine Aktivierung Verhalten im Zusammenhang mit type=button.

    Daher type=button sollte angegeben werden für den Fall gegeben.

    Ich kann nicht scheinen, um herauszufinden, jede Erwähnung der aria-pressed Ausnahme in der aktuelle docs. Können Sie bestätigen, dass Sie Weg ist und vielleicht aktualisieren Sie Ihre Antwort?

    InformationsquelleAutor QuasarDonkey

  3. 2

    Den <button> tag kann eines von drei Dingen:

    1. Eine reguläre Taste, die etwas tut, geben Sie auf klicken Sie auf (type = button).
    2. Einen submit-button, der das Formular absendet, wenn Sie geklickt werden (type = submit).
    3. Eine reset-Taste, setzt das Formular auf seine anfänglichen Werte, die, wenn Sie geklickt werden (type = reset).

    Es ist gut, um anzugeben, welche Art Sie wollen verwendet werden, weil verschiedene Browser verwenden unterschiedliche Standardeinstellungen für die Schaltflächen.

    http://www.w3schools.com/tags/att_button_type.asp

    Die Rolle nicht haben enthalten sein, aber es ist schön für accessibilty-software.

    So, Sie haben, um Sie? Nein, tun Sie nicht, aber es ist im Allgemeinen ratsam, dass Sie tun.

    Ich habe immer angenommen wurde ein button type="button" standardmäßig, aber nachdem Sie es getan haben weiter zu forschen, whatwg und w3c sagen, dass type="submit" ist tatsächlich die fehlende default-Wert.
    Ich empfehle die Lektüre von w3fools.com statt. Was meinst du mit 'schön für die Zugänglichkeit von software'?

    InformationsquelleAutor MattD

  4. 1

    Hier sagen:

    Hinweis: Wo möglich, ist es empfehlenswert, verwenden Sie das native HTML-Schaltflächen (und ) anstatt die Schaltfläche Rolle, als native HTML-buttons sind wesentlich besser unterstützt durch die älteren user agents und assistiven Technologie. Native HTML-Schaltflächen unterstützen auch Tastatur und Fokus Anforderungen standardmäßig, ohne die Notwendigkeit für weitere Anpassung.

    Möglichen Auswirkungen auf die user-agents und assistiven Technologie

    Wenn die Schaltfläche Rolle verwendet wird, user-agents sollten setzen Sie das element wie eine Schaltfläche-Steuerelement im Betriebssystem die accessibility-API. Bildschirm-Lesegeräte sollten verkünden Sie das element wie eine Schaltfläche, und beschreiben Sie den barrierefreien Namen. Spracherkennung-software sollte es ermöglichen, dass die Schaltfläche aktiviert, indem Sie sagen, "Klick", gefolgt von der-Taste zugegriffen werden kann name.
    Hinweis: Opinons unterscheiden können, wie assistive Technologie soll die Handhabung dieser Technik. Die oben genannten Informationen ist eine dieser Meinungen und daher nicht normativ.

    Dann sollten Sie es hinzufügen. Damit setzen Sie für den Benutzer an. Aber ist nicht normativ.

    Dies ist vor allem für blinde Menschen.

    InformationsquelleAutor rnrneverdies

  5. 0

    Laut W3C-Html5-Button

    Den fehlenden Wert standardmäßig ist die Schaltfläche Absenden Zustand.

    Wenn das Typ-Attribut im Submit-Button Stand, wird das element speziell einen submit-button.

    Es sei denn, Sie verwenden die Schaltflächen, um ein Formular Absenden, müssen Sie explizit festlegen type="button" als das weglassen dieser, wie in der W3C-Spezifikation, es wird wirken wie ein submit-button, wird das Formular Absenden. Zur Vermeidung unnötiger unterwirft, müssen Sie explizit festlegen type="button" zu Ihrem <button>s.

    Da die meisten bootstrap - Tasten sind für die Auslösung einer javascript-Funktion oder ähnlich Verhalten, um zu vermeiden, versehentliche, unbeabsichtigte senden Verhalten bei code kopieren&einfügen und in den Namen der Normalisierung mit der guten Praxis, type="button" und role="button" Attribute Hinzugefügt werden, ist <button>

    InformationsquelleAutor Cemal

  6. 0

    role="button"

    Dies ist nicht obligatorisch für die Bootstrap -

    InformationsquelleAutor Milan Panigrahi

Schreibe einen Kommentar