Figma is a powerful collaborative design tool, but have you ever wondered about your options for supporting more inclusive, accessible design experiences and products? In this course, teacher, author, and professor Tom Green guides you through six...
Color is a powerful visual means of presenting or distinguishing information, but when you use color to identify or distinguish information, make sure that this information is still available to people who can't perceive color.
Avoid referring to a button, menu, or other item in the page only by its position on the page; instead, use additional information that describes the content.
A clear indication that specific form fields are required can save users time and avoid potential errors relating to missing data when a form is submitted.
Accessibility is most effective when we ground compliance in human stories, center disabled voices, and build with genuine community.
Users can find their way around a web site more easily and confidently if they know where they are.
Each image requires alternative text that is equivalent to the information it conveys, unless the image is purely decorative and provides no useful information. You need to be careful about what value you give the alt attribute.
Links ( elements) are focusable by default, so it should normally be possible to activate them using the keyboard. However, under certain circumstances, they are not focusable.
Media player accessibility is essential for video content. Evaluate the accessibility and cross-device compatibility of the media player that comes with your video-distribution platform.
Landmarks help assistive-technology users navigate to and between areas of a page, and they improve the efficiency of in-page navigation.
The main landmark defines the unique content of the page.
The contrast of icons and graphical objects is just as important as that of text. Use sufficient contrast for all elements on the screen, with a minimum contrast ratio of 3:1.