Gunnar Bittersmann: HTML Quiz auswerten

Beitrag lesen

@@Gunnar Bittersmann

Sieht dann so aus: ⦿ A. foo

Das Problem daran ist, dass der Marker „A.“ nicht anclickbar ist, sondern nur der Radiobutton links davon und das Label rechts davon. Lässt sich aber auch einfach mit einem label::after-Pseudoelement lösen, das absolut positioniert die gesamte li-Box ausfüllt.

Diese sollte dazu in der Breite auf width: max-content beschränkt werden. Im Pen ergänzt:

Guckst du.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory