HTML element's name in classes
Opened this issue · 1 comments
ffoodd commented
As an advice, @matuzo 's suggestion on Twitter feels straightforward: an element having a class name containing any HTML element's name would probably benefit from being this HTML element.
As first idea, we should try something like this: [class*="button" i]:not(button) { … }.
Not all HTML elements make sense I guess, but focusing on some might help a lot.
matuzo commented
Nice! In my latest talk I've proposed a similar test:
https://noti.st/matuzo/lWUq2w/writing-even-more-css-with-accessibility-in-mind#sB6J1Kz (Slide 56)
It should include type="image" and type="reset" as well, I guess