Probleme mit Border und Opacity
bearbeitet von
@@bleumi85
> ich hab versucht mir eine Art-Tabdarstellung zu bauen, was mir auch gelungen ist.
Nicht wirklich. `div` sind keine interaktiven Elemente; es ist unsinnig, sie zu welchen zu machen. Zum Umschalten zwischen Tabs brauchst du aber interaktive Elemente (die auch per Tastatursteuerung zu erreichen sind); `a`-Elemente bieten sich an.
Guckst du [Simple ARIA tab interface](http://heydonworks.com/practical_aria_examples/#tab-interface){: @en} in Heydon Pickerings _Practical ARIA Examples_{: @en}.
> Ich hab das ganze jetzt mal kurz [hier](https://jsfiddle.net/qhkffu9h/1/) nachgebaut.
JSFiddle ist für CSS [nur mäßig geeignet.](https://forum.selfhtml.org/self/2015/jan/28/bild-ragt-aus-container-100-breit-400px-hoch/1631065#m1631065)
> Mein Problem ist jetzt, dass die Border vom Container bei den Tabs am unteren Rand zu sehen ist. Hat jemand einen Tipp für mich wie ich das behoben bekomme?
Den Rand nur dort erzeugen, wo er sein soll: [CodePen.](https://codepen.io/gunnarbittersmann/pen/aWqbOb)
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)