The following are areas you should keep in mind when designing for accessibility.
Clarity: By reducing visual clutter and providing an adequate amount of color contrast, we can make it easier for our users to be able to read and scan our content and data.
Navigation: Give users more than one way to navigate our content.
Readability: Ensure text is easy to read and understand from a visual and cognitive perspective.
Video & Audio Alternatives: Provide closed captioning and descriptions of audio so that users have an alternate way of understanding the same information.
Text Alternatives: For any information that is non-text (i.e., images, buttons without text, etc.,) provide a text alternative. Text transcripts should be required for any video or audio content.
Accessibility via Keyboard: All functionality must be made available from a keyboard, such as tabbing to navigate a page.
Validation & Input Assistance: The experience should be forgiving. Assisting our users avoid making mistakes, offering more context, help text, and allowing them to easily make corrections.
Color & Contrast
Color is one of several ways we can visually convey information on the web. It is important to assist our users whohave difficulty distinguishing one color from another.
Images & Video
Images should be coded with descriptive Alt tags so that users who are unable to see or understand these images have context for what they are. Images that are decorative and don't add information to the content of the page can have empty alt tags (alt="") so they are ignored by assistive technologies.
Images we use to convey information (such as diagrams), should contain alt tag information and long description text in a separate document as applicable. Videos should be accompanied by captions. When working with third party vendors, ensure the video iframe has a title and that captioning is provided when appropriate.