Bootstrap Button und Schematische

Question

Ich sah ein Bootstrap-Beispiel für ihre Button-Liste und es hat mich irgendwie auf viele Arten abgehört und ich fragte mich, was wäre der beste Weg, es zu tun UND wenn Bootstrap richtig sind. Hier ist sie:

Example from bootstrap website

<div class="btn-group" role="group" aria-label="..."> 
    <button type="button" class="btn btn-default">Left</button> 
    <button type="button" class="btn btn-default">Middle</button> 
    <button type="button" class="btn btn-default">Right</button> 
</div> 

Ich werde meine Fragen in vielen wenigen Punkten brechen:

1. should'nt die btn-group ein ul und jeder Knopf in einer Liste sein sein div Artikel?

Mir scheint, es ist eine ungeordnete Liste von Schaltflächen und jede Schaltfläche ist ein Element aus der Liste.

2. Ich werde sie in einer Schleife verwenden, und ich frage mich, ob Sie Aria-Label geben kann das gleiche für mehrere Elemente oder wenn es auf der Seite eindeutig sein muss?

3. Ist die role="group" auf den div benötigt, wenn wir eine Liste anstelle ein div verwenden?

4. Ist es nicht ein Fehler role="button" auf das Element zu setzen button, da es bereits das Element Taste ist? Ich type="button" auf Element setzen würde wie ein div, das eine Schaltfläche Verhalten hat (zum Beispiel)

Answer 1

1. Es würde keinen Sinn machen Listenelemente zu verwenden, anstatt Tasten, eine Taste ist eine einzelne UI-Element, in der Lage zu sein, sie durch einfaches Umhüllen in ein Elternelement zu gruppieren, ist sehr effizient. Zusätzliche Schaltflächen verwenden bereits Listen, um Schaltflächen-Dropdowns zu erstellen, die andererseits in diesem Zusammenhang für Listen effektiv sind.

2. Es gibt keine Beschränkungen auf, wie oft Sie die gleiche Arie-Label auf einer Seite https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

3. ob Sie eine Liste verwenden können, hat die Gruppe Rolle hat keine Auswirkungen auf das Styling der Gruppe (die Tasten mit der BTN-Gruppe Klasse gestylt)
4. Rolle zuweisen = „Taste“ auf eine Schaltfläche hat nichts mit dem Tasten-Typ zu tun, es für die Zugänglichkeit verwendet wird - hat durch diesen https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role

Answer 2

Nein a lesen müssen Sie die Tasten Bootstrap genau so wie in der e Beispiel. Sie können die Liste aktivieren, wenn Sie möchten. Ich habe einmal meinen Knopf an einem normalen Anker ersetzt.

Es sah so etwas wie:

<a href="#" class="btn btn-default"></a> 

Gerade die Leistung der gleichen Klassennamen verwenden.

Sie müssen nicht die Rolle = "Gruppe" verwenden.