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)