Large enterprise Design Systems require lots of considerations such as flexibility, theme-ability, and accessibility. Components in the wild tend to be pushed to its limits when you add either too much content or use them in the wrong way. When considering the permutations and having to adhere to WCAG 2.0 AA success criterion, it gets complicated rather quickly.
The following is a demonstration of how to make an accessible full-width image accessible Hero Component.
Let’s start with a common Hero design with text displayed on top of a large background image or video.
While this looks great and you may…
Design System Lead, UI Designer, Music Collector, Yello Super-fan