Button als Fließtext
bearbeitet von@@Rolf B
> Nur eine ganz blöde Idee: Mach jedes Wort im Button-Text zu einem eigenen Button und behandle all diese Buttons gleich. Sieht halt nur doof aus, wenn man drübertabbt und die Accessibility ist auch verwirrend.
Dann nicht alle Buttons gleich behandeln. Per Tastatur kann nur der erste verwendet werden – der dann im `aria-label` den vollständigen Text hat. Die folgenden sind für Tastaturnutzer deaktiviert.
Die Fokusmarkierung der einzelnen Buttons wird entfernt, dafür wird eine fürs Containerelement eingerichtet.
☞ [Sähe dann so aus.](https://codepen.io/gunnarbittersmann/pen/ByzqXqb?editors=0100) Könnte funktionieren. Aber ziemliches Gefrickel.
🖖 Live long and prosper
{:@en}
PS: Man müsste sich noch um den Zwischenraum zwischen den Buttons kümmern. Da sollte keiner sein, sonst clickt am mit der Maus ins Leere. Dafür NBSP am Ende?
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Button als Fließtext
bearbeitet von@@Rolf B
> Nur eine ganz blöde Idee: Mach jedes Wort im Button-Text zu einem eigenen Button und behandle all diese Buttons gleich. Sieht halt nur doof aus, wenn man drübertabbt und die Accessibility ist auch verwirrend.
Dann nicht alle Buttons gleich behandeln. Per Tastatur kann nur der erste verwendet werden – der dann im `aria-label` den vollständigen Text hat. Die folgenden sind für Tastaturnutzer deaktiviert.
Die Fokusmarkierung der einzelnen Buttons wird entfernt, dafür wird eine fürs Containerelement eingerichtet.
☞ [Sähe dann so aus.](https://codepen.io/gunnarbittersmann/pen/ByzqXqb?editors=0100) Könnte funktionieren. Aber ziemliches Gefrickel.
🖖 Live long and prosper
{:@en}
PS: Man müsste sich noch um den Zwischenraum zwischen den Buttons kümmern. Da sollte keiner sein, dafür NBSP am Ende?
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Button als Fließtext
bearbeitet von@@Rolf B
> Nur eine ganz blöde Idee: Mach jedes Wort im Button-Text zu einem eigenen Button und behandle all diese Buttons gleich. Sieht halt nur doof aus, wenn man drübertabbt und die Accessibility ist auch verwirrend.
Dann nicht alle Buttons gleich behandeln. Per Tastatur kann nur der erste verwendet werden – der dann im `aria-label` den vollständigen Text hat. Die folgenden sind für Tastaturnutzer deaktiviert.
Die Fokusmarkierung der einzelnen Buttons wird entfernt, dafür wird eine fürs Containerelement eingerichtet.
☞ [Sähe dann so aus.](https://codepen.io/gunnarbittersmann/pen/ByzqXqb?editors=0100) Könnte funktionieren. Aber ziemliches Gefrickel.
🖖 Live long and prosper
{:@en}
PS: Man müsste sich noch um den Zwischenraum zwischen den Button kümmern. Da sollte keiner sein, dafür NBSP am Ende?
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}
Button als Fließtext
bearbeitet von@@Rolf B
> Nur eine ganz blöde Idee: Mach jedes Wort im Button-Text zu einem eigenen Button und behandle all diese Buttons gleich. Sieht halt nur doof aus, wenn man drübertabbt und die Accessibility ist auch verwirrend.
Dann nicht alle Buttons gleich behandeln. Per Tastatur kann nur der erste verwendet werden – der dann im `aria-label` den vollständigen Text hat. Die folgenden sind für Tastaturnutzer deaktiviert.
Die Fokusmarkierung der einzelnen Buttons wird entfernt, dafür wird eine fürs Containerelement eingerichtet.
☞ [Sähe dann so aus.](https://codepen.io/gunnarbittersmann/pen/ByzqXqb?editors=0100) Könnte funktionieren. Aber ziemliches Gefrickel.
🖖 Live long and prosper
{:@en}
--
*In our chants of “ICE out now”
Our city’s heart and soul persists
Through broken glass and bloody tears
On the streets of Minneapolis*{:@en}
— Bruce Springsteen, [Streets of Minneapolis](https://www.youtube.com/watch?v=GDaPdpwA4Iw){:@en}