Dividers indicate changes in subject matter within the same page.
Containers bring emphasis to important content.
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.
Dividers and containers are often used to provide structure to page content.
Dividers should be revealed to assistive technologies as static structural elements that provide visible boundaries, but are neither focusable nor moveable.
Dividers have an implicit aria-orientation value of horizontal.
Identify and mark up regions on web pages using HTML5 and WAI-ARIA roles.
Label regions to allow users to distinguish and access them.
Add headings and nest them logically to label sections of web pages according to their relationships and importance.
Mark up the content on a page in a way that uses appropriate and meaningful elements.
Pages with well-structured content are essential for many web users, for example:
1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A)
2.4.1 Bypass Blocks: A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level A)
2.4.6 Headings and Labels: Headings and labels describe topic or purpose. (Level AA)
2.4.10 Section Headings: Section headings are used to organize the content. (Level AAA)