BEGIN WITH THE ESSENTIALS
Resources
Here you’ll find thoughtful recommendations and practical tools to help you create content that’s accessible, inclusive, and user-friendly for everyone.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Tools for Accessible Color Combinations
Accessible color checker
Quickly check which text and background color combinations meet accessibility standards. Choose up to 6 colors.
WebAIM Contrast Checker
Use WebAIM’s tool to easily test if your text and background colors are accessible and provide a better experience for all users.
90 combinations
Explore 90 accessible color combinations designed to meet WCAG standards. Mix and match these colors to create inclusive projects.
Project Management
With Renesmee Thomas
Psychology
AI & Machine Learning
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Color Contrast
Accessible color checker
A quick visual tool to check which text and background color combinations meet accessibility standards. Choose max 6 colors and avoid those that fail the 4.5:1 contrast ratio.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Accessible color checker
A quick visual tool to check which text and background color combinations meet accessibility standards. Choose max 6 colors and avoid those that fail the 4.5:1 contrast ratio.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Recommendations
Are all images, icons, and infographics accompanied by descriptive alt text?
Why is it important?
Use meaningful alternative text to explain the purpose of visuals for visually impaired learners.
Example
Bad example of alt text: picture01.jpg
Good example: A small dog sits in the grass, wearing a leash, enjoying a sunny day outdoors.
Useful resources
An alt Decision Tree
The “alt Decision Tree” is an e-learning tool that helps users decide when and how to use alternative text for images. It provides clear, decision-based guidance based on the image’s role, such as informative or decorative, ensuring content is accessible to all users.
For more visit: An alt Decision Tree
The key takeaway alt text prompt:
“Please examine the uploaded image and write concise alt text in one or two sentences, focusing on conveying the essential content and purpose of the image. Include key details such as the setting, emotions, colors, or significant elements, but avoid using phrases like ‘an image of’ or repeating any surrounding text.’
This alt text prompt was generated using ChatGPT, following the guidelines outlined in the Everything you need to know to write effective alt text – Microsoft Support.
Do all multimedia elements (videos, audios) have captions and transcripts?
Why is it important?
Use meaningful alternative text to explain the purpose of visuals for visually impaired learners.
Example
Bad example of alt text: picture01.jpg
Good example: A small dog sits in the grass, wearing a leash, enjoying a sunny day outdoors.
Useful resources
The “alt Decision Tree” is an e-learning tool that helps users decide when and how to use alternative text for images. It provides clear, decision-based guidance based on the image’s role, such as informative or decorative, ensuring content is accessible to all users.
For more visit: An alt Decision Tree
Do all hyperlinks and navigation items make sense out of context?
Semper leo et sapien lobortis facilisis aliquam feugiat ut diam non tempus et malesuada. Fermentum nulla non justo aliquet, quis vehicula quam consequat duis ut hendrerit.
Why is it important?
Use meaningful alternative text to explain the purpose of visuals for visually impaired learners.
Example
Bad example of alt text: picture01.jpg
Good example: A small dog sits in the grass, wearing a leash, enjoying a sunny day outdoors.
Useful resources
The “alt Decision Tree” is an e-learning tool that helps users decide when and how to use alternative text for images. It provides clear, decision-based guidance based on the image’s role, such as informative or decorative, ensuring content is accessible to all users.
For more visit: An alt Decision Tree