@Kilian Hey!

I zoomed this page in https://private-user-images.githubusercontent.com/41970/386514661-67d54005-70ce-4a65-9807-892ec91194d8.svg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDk3MjQ2MzMsIm5iZiI6MTc0OTcyNDMzMywicGF0aCI6Ii80MTk3MC8zODY1MTQ2NjEtNjdkNTQwMDUtNzBjZS00YTY1LTk4MDctODkyZWM5MTE5NGQ4LnN2Zz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTA2MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwNjEyVDEwMzIxM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyODRlMjZlMzhlZGU4MjNjNGE2ZGJmNmU5MjAzMjczODFiNzNkNDVmMjFjZjc0NTFlNWQzMmJiNGIwZmRjZjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.ij_njGed2xaE0axTYXfMNZMo6LmEnARVTN5aGyU8-kA and noticed the icon got distorted (similar to what you see on the right in this screenshot)

To prevent this, may I suggest adding stroke-width and vector-effect="non-scaling-stroke" to the border? That ensures that zooming in won't scale the width of the border with the size of the icon.

My day hasn't been particularly great today, but now I can't stop smiling. 🥹

I received such beautiful feedback to my course it has absolutely made my day.

Thank you @Augenfeind

🧵 Story time:

A group of men stood gazing at a mountain across from them.

Someone in the group asked the others: "What do you see?"

Two days ago, Manuel Moreale (who's not on social media and for which I envy him) blogged asking for recommendations for "the best course to deepen [his] knowledge of web accessibility":

https://manuelmoreale.com/web-accessibility-help-needed

#a11y

Periodic reminder that "wrapping the <label> around the <input> is fine, and is sufficient for conformance on its own, however adding explicit association with` for` and `id` is still necessary in practice."

Details: https://www.tpgi.com/should-form-labels-be-wrapped-or-separate/

—
"Both Dragon Naturally Speaking for Windows, and Voice Control for macOS and iOS, don’t recognize implicit association, so the Click email address command wouldn’t work." @siblingpastry

#a11y #HTML

Wait... What?

Could X get any more brazen? This is a whole new level of nonsense.

A small but helpful change I just made to the #PracticalA11y course website is replacing the typical “Skip to main content” skip link with two more helpful ones:

• Skip to video
• Skip to transcript

If you navigate using a keyboard, you can more quickly skip to the chapter format that you prefer. ⏬