Design for everybody
At ENGIE we believe that all our products and services should be inclusive by design and that everyone, regardless of
their abilities and impairments should be able to interact with our interfaces.
This guide is here to help you ensure all the products we design are compliant with global standards for accessibility.
Our guidelines are based on the Global Accessibility Standards:
What does it means to make a product inclusive?
The product adapts to the user in any environment and in any context. Every user is able to use the product with the
same capabilities regardless of his situation.
A disability is to be understood as a mismatch between one's ability and one's environment.
Disabilities can be situational, temporary or long-lasting.
- For example, a situational disability can be experienced by someone travelling in a bus and who forgot his headphones, making him unable to watch a video with the sound on. A situational disability can also be experienced by someone in a country where she or he doesn't understand the language.
- A temporary disability is experienced by someone who has a broken leg, for instance.
- A long-lasting disability can be of different types, it can be a physical disability or a mental one.
- Inclusive design is about designing for every user, considering their context and environment and then improving the experience for all. All users will have to deal with situations in which they appear disabled. It is our job to make sure they don't feel restrained or blocked in our services.
Here are some guidelines and tools to help you design for everybody at ENGIE.
Always suggest alternative content and tools:
- Make all functionalities available from a keyboard
- Make all text available in different languages
- Create content that can be presented in different ways without losing information or structure. For example:
- Provide alternatives for text content (e.g. images)
- Provide alternatives (e.g., transcripts) for time-based media (e.g., audio/video) that present equivalent information, or links to textual information with comparable information for non-pre recorded media.
Make it clear: let go of everything that could be confusing for the users
- Make it easy for users to see and hear content, including separating foreground and background, by using readable fonts, larger font sizes, and highlighted link styling for example.
- Use the same language as your users
- Do not include design elements that are known to cause seizures (e.g., rapid flashing).
- Make text content readable and understandable via styling and other techniques.
- Adjust the colours for different eye sight sicknesses
- Provide enough time for users to read and use content
Be compatible with the different navigation aids
Maximize compatibility with current and future user agents, including assistive technologies.
Some tools you can use to help you design inclusive interfaces:
- Color Contrast Checker 1
- Color Contrast Checker 2
- Color Contrast Checker 3
- Color Lab
- Colour blindness simulator
- No Coffee Vision simulator
- Build in website customisation for cognitive impairments
- Stark - Sketch plugin for testing for contrast ratios and simulating color blindness
- Use Contrast - MacOS app for checking contrast