These are the five most annoying inaccessible web elements I face as a blind screen reader user every day, and how to fix them. These issues may seem small to sighted users. But they’re the difference between me being able to use a website independently or not. And they make a huge difference when implemented correctly.
The CSS clip-path is one of those features that unlocks so many possibilities once you understand how to use it. For his piece, Supa Dupa Fly, Ryan Mulligan used some fantastic clip-path manipulation, plus a few other fun tricks I want to dive into.
Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style to an element when it isn’t directly in focus itself, this can be useful.
The spacing between individual elements of a website and, in particular, the vertical spacing, has been a regular matter of debate between web designers and developers. Designers insist that what they see in the browser doesn’t look at all like the layout they originally designed. Developers respond that all the margins in the style sheets exactly match the margins in the layout. So who is right? The tricky thing is: In a way, they are both right.
Joel Strohmeier, Accessibility Consultant, looks at a much-used feature of website interfaces: the “card” component. He covers what cards are, common accessibility challenges they pose and how to create robust and accessible card components for your website.
Oh, the horror! Hot garbage has taken over the web. Carousel Carol, Type-Ahead Tommy, Shallow Dom, Wastin’ JSON…the gang’s all here. We’ll turn the “bad accessibility” dial up to 11 in order to feel the pain that users with disabilities experience on a regular basis. Some of the patterns in this talk will be directly inspired from real life instances–because we can’t even make this stuff up. By facing our miserable fears and burning everything to the ground, we’ll be reborn and better equipped to create truly successful user interfaces.
Thanks to Cloud Four for sponsoring this week’s newsletter! If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.