This section covers accessibility guidelines for common web components and applications. Documents may focus on HTML, CSS, JavaScript, or a combination of these.

• Accordions — Building accessible accordions using summary/details elements or custom ARIA attributes
• Dialogs, modals and popups — Building accessible dialogs and modals using the dialog element
• Forms — Accessibility best practices for form elements and JavaScript handling
• Global code — Global requirements including valid HTML, CSS/JavaScript independence, and language attributes
• Headings — Proper use of heading hierarchy in sequential order
• Icons — Making icons accessible using inline SVGs with proper ARIA attributes
• Images — Proper image element attributes for accessibility, focusing on alt text
• Keyboard — Ensuring interfaces can be navigated and operated via keyboard
• Links — Making links visually distinct and using descriptive link text
• Lists — Using list elements to convey relationships between grouped items
• Media — Audio and video accessibility including autoplay restrictions and control markup
• Navigations — Building navigation using the nav element and labeling navigation landmarks
• Tables — Proper table structure with headers, scope attributes, and captions
• Tabs — Building accessible tabs using proper ARIA attributes
• Target size — Ensuring pointer input targets are at least 24 by 24 CSS pixels
• Text content — Using plain language and descriptive button, link, and label text