Applied Accessibility
In web development, accessibility refers to web content and a UI (user interface) that can be understood, navigated, and interacted with by a broad audience. This includes people with visual, auditory, mobility, or cognitive disabilities.
Table of contents
- Add a Text Alternative to Images for Visually Impaired Accessibility
- Know When Alt Text Should be Left Blank
- Use Headings to Show Hierarchical Relationships of Content
- Jump Straight to the Content Using the main Element
- Wrap Content in the article Element
- Make Screen Reader Navigation Easier with the header Landmark
- Make Screen Reader Navigation Easier with the nav Landmark
- Make Screen Reader Navigation Easier with the footer Landmark
- Improve Accessibility of Audio Content with the audio Element
- Improve Chart Accessibility with the figure Element
- Improve Form Field Accessibility with the label Element
- Wrap Radio Buttons in a fieldset Element for Better Accessibility
- Add an Accessible Date Picker
- Standardize Times with the HTML5 datetime Attribute
- Make Elements Only Visible to a Screen Reader by Using Custom CSS
- Improve Readability with High Contrast Text
- Avoid Colorblindness Issues by Using Sufficient Contrast
- Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information
- Give Links Meaning by Using Descriptive Link Text
- Make Links Navigable with HTML Access Keys
- Use tabindex to Add Keyboard Focus to an Element
- Use tabindex to Specify the Order of Keyboard Focus for Several Elements