What a brilliant idea by the Chrome DevRel folks at #cssday! Sticky notes for features missing from the web platform, orange stickers for +1 votes.
Quick, low-fi, and insanely useful for anyone working on products for web makers, not just browser teams. Every conference should have boards like this!
TIL you can use nth-child() with class names. Awesome!
(that wonderful moment when @Una looks at the #cssday wish list and says “you can already do that!”)
Next is the fantastic @SaraSoueidan talking about the other C in CSS! Another C??
We're starting with an explanation of the accessibility tree! Different to the DOM tree and explains each element's role, name, description, state, etc. State changes are always announced to the user. #CSSDay
These tables of different ways to hide content with css/html and what happens when you use them blew my mind. The longer table lives here: https://practical-accessibility.today/code/hiding-techniques/
@SaraSoueidan’s talk was full of interesting accessibility considerations. #CSSDay #a11y
Another note, an element with display:none; is still available to aria-labelledby. TIL.
❤️🩹 A correction to a note I made in the talk:
I said that the sidebar (slide-out) navigation should be closed when focus moves outside of it so that it does not obscure other focusable elements on the page. That is generally good practice.
But I also said that obscuring those elements violates SC 2.4.11 Focus Not Obscured.
Wise words from @kevinpowell at #CSSday
✅ Don't worry if there is already a way to do something.
✅ It's easier to go over the top and then tame it down.
✅ You can find out even better ways of doing things.
🔥 All of this is magnified when you share with others.
🙃 Bonus: You might make a lot of people angry, helping you go viral on YouTube.
