Accessible visual design
When designing a control or an application, it is important to keep accessibility in perspective. An accessible design will cost less in the long run as compared to design which is not accessible at all. It often requires redesigning and result in significant code churn.
General guidelines
- Text Alternative:Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. Examples of non-text content is videos, images, graphs etc.
- Contrast: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
- Images Of Text: If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except Logos.
- Page Titles: All pages should have titles. Should describe topic or purpose.
- Link Purpose: The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general.
- Heading and Label: Headings and labels describe topic or purpose.
- Labels or Instructions: Labels or instructions are provided when content requires user input.
Color Contrast
Content coming soon...
Responsive Design
Content coming soon...