Accessibility - nav toggle
I took Kevin's responsive layouts course few weeks ago and in one of the challenges I remember him changing a code for hidden menu (hidden because of hamburger button on the phone) from
Today I watched this video https://www.youtube.com/watch?v=YAqRQoN8ykI focused on accessibility in navigations in which
I don't know if the video is older (1.12.2022) or the course is (unknown) and now I'm not sure which approach is actually better or if there is even difference.
What is the correct solution regarding accessibility?
display:none;visibility:hidden; height:0; position:absolute;Today I watched this video https://www.youtube.com/watch?v=YAqRQoN8ykI focused on accessibility in navigations in which
display: noneI don't know if the video is older (1.12.2022) or the course is (unknown) and now I'm not sure which approach is actually better or if there is even difference.
What is the correct solution regarding accessibility?
YouTubeKevin Powell
I think it's important to highlight when we've made past mistakes and show the right way to do it when we find those mistakes.
Links
The finished code: https://codepen.io/kevinpowell/pen/BaVdrLm
More on Visually Hidden: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
Resources I used to help make this video:
AcceD...
Links The finished code: https://codepen.io/kevinpowell/pen/BaVdrLm More on Visually Hidden: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html Resources I used to help make this video: AcceD...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time š.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
