Banners are typically placed at the top of the page to convey an important marketing message or drive users to a primary task.
Hero Banners and Die Cut Banners should be fluid to the edges of the browser window, rather than being constrained to the grid within a 12-column container.
Use Mosaic when you want a user to slow down and take more time on the page, as opposed to skimming. The Mosaic banner consists of an arrangement of the content teasers which cannot change and must be full-bleed images with a title, description and CTA. Everything is required within the mosaic banner, and nothing is optional.
Title case, 2-3 words maximum.
Do not combine actions in a label (exception: "Customize & Buy").
If standard labels don't fit the button's purpose, align label with the task the user is attempting.
Please refer to the Dell Technologies branding website, https://brand.delltechnologies.com/faq/#voice, for further information regarding call-to-action labels and usage.
To be determined.
The W3C Web Accessibility Initiative (WAI) develops standards and support materials to help you understand and implement accessibility.
Please follow the best practices for banner landmarks from WAI-ARIA authoring practices 1.1.
Please also refer to these recommendations for banners from WAI-ARIA 1.1.
You may refer to this example of a banner landmark from WAI-ARIA practices 1.1.
You may also refer to these tutorials for page regions from Web Accessibility Tutorials.