a11y.css
a11y.css copied to clipboard
Styling the `lang` attribute
Hi @ffoodd
I'm playing with the “check lang” feature and here's how it looks for inline components:
And here's how it was in my bookmarklet:
(test page: L’accessibilité dans la formation au numérique)
Before I tinker with the code, is there any reason why you went for a block display for the attribute?
PS : By the way, I'm OK with ::after
rather than ::before
, it makes sense; I don't know why I went for “before” in the original code 😉
I tried to left align messages with their associated highlighted boxes, without breaking layout.
Most cases best rendered with block
display; however it might be time to try another way :)
And briefly searching for this made me think of other enhancements… Opening issues right now!
I was going to open an issue and realized I had already opened one. Duh.
Also, in some cases, like Mastodon, boxes are so constrained that the lang value does not appear at all. The block display overlaps and disappears. 😢