UI Design Kit


Our mission within EF is to open the world through education. This also means making EF’s products accessible to everyone, even in our digital space.

    What can I do as a designer?

    Making EF's products accessible to everyone also means considering 15% of the world’s population who have a disability, spanning from diverse range of hearing, movement, sight, and cognitive ability.

    There are several things you can address as a designer or developer to improve accessibility. Here are a few points to get you started on improving accessibility in your designs:

    1. Test your contrast

    High colour contrast helps users who are partially or completely color-blind see differences between certain colours. It creates a strong visual hierarchy and improves usability for everyone. There are several easy tools like Contrast-ratio to do this.

    Chrome also has a useful Contrast checker extension for checking contrast on your site.

    If your contrast ratio is less than 4.5:1, you should consider making adjustments to meet the contrast standards.

    2. Limit your popups

    Popups are disturbing, not only for people with disabilities.

    3. Web accessibility

    Make sure your site allows for accessibility support. This involves f.ex. adding browser native focus states, necessary to allow assistive technology and users navigating with a keyboard to interpret web pages.

    Want to do more?

    Learn more about accessibility, inclusive design and best practices from Microsoft: microsoft.com/design/inclusive