Applied Accessibility

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 Navigatable 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