This video is for all the web devs/enthusiasts who might be interested in knowing how basic keyboard accessibility using tab/shift+tab work across different sites.
This is more of a walkthrough through many sites where we will see some issues and some UX/accessibility blend.
Technical content :-
๐ How order or flex-direction for display:flex elements impacts accessibility ?
๐ What are skip links that you see on some websites ?
๐ Why outline:none alone impacts visualization of focused elements ?
๐ How box-shadow can be used in for more flexible focus ?
Sites covered
Dev : -
๐ GitHub
E-commerce : -
๐ Amazon
๐ Walmart
๐ Flipkart
๐ Myntra
Social media : -
๐ Twitter
๐ Facebook
๐ LinkedIn
Streaming : -
๐ YouTube
๐ Netflix
๐ Amazon Prime
Bonus : -
๐ Animeccha ๐
P.S. - Pardon me for using accessibility word where instead usage of outline would be better. It's a long video but I hope it's fairly insightful. Also this was created just for fun. There are people who work dedicatedly to tackle accessibility issues in much depth.
Top comments (0)