close

Accessibility

Synonyms: inclusive design, universal design

A concept of developing design systems available to as many people as possible. Here is no emphasis on users with disabilities, but in highly accessible products their needs are always considered.

 

Smart house temperature analytics Abin Raj M™

427dbd257bd564b7c340cdf06a41865a
Here is an example of trendy, but not accessible design. Low contrasts might be difficult to read, and not only for people with vision problems. In Temperature Distribution, which is in the right screen, all the elements are indicated only by color. This might be a problem for people with color blindness

4 Key Principles of Accessibility

  1. Following user expectations — not destroying them. Users need to understand how to use a product

  2. Providing users an ability to customize pages: change font sizes, colors, etc.

  3. Avoiding complexity when it is possible

  4. Trying to help users: giving instructions, error messages, clues

Tips & Tricks

  1. Try not to hide interface elements

  2. Avoid hovers when it comes to key elements of interface

  3. Check the contrast between text and it’s background. High-contrast combinations are the best

  4. Make every action obvious. For example, forms need a border to indicate where to click to fill it

  5. Do not use color as the one way to highlight an element. For example, when a user makes a mistake in form, it is better to point it out not only with color but also with a text clue and graphical element

  6. Try to avoid small text. Use uppercase and letter spacing when you don’t have enough place text

  7. Make button text short and clear

  8. Give elements some space. It is recommended at least 8px between two elements

  9. Use both labels and placeholder in forms

Useful Tools

share the term