From the course: CSS: Advanced Layouts with Grid
Join today to access over 24,800 courses taught by industry experts.
Accessibility considerations - CSS Tutorial
From the course: CSS: Advanced Layouts with Grid
Accessibility considerations
- [Instructor] Just like when using any other web technology, our main focus when using CSS Grid is accessibility. While it's not yet as ubiquitous as responsive design, building an accessible web should be top of mind for any web developer. The good news is that CSS Grid makes building accessible websites easier, by separating the visual layout from the HTML markup order, we no longer need to compromise the structure of our HTML to achieve interesting designs and layouts. Also, because CSS Grid gives us a true two-dimensional grid, we don't have to do weird things, like nest a bunch of containers just to get items to appear next to one another, which makes for cleaner, simpler, and more accessible markup. So that's the good news. But CSS Grid does give us some power that we need to use with caution. Namely, that's the ability to reorder content, which can lead to the visual order of items differing from the DOM order. Assistive technologies like screen readers follow the DOM order…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.