From the course: Accessibility-First Design

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Accessible interactive states

Accessible interactive states

From the course: Accessibility-First Design

Start my 1-month free trial Buy for my team

Accessible interactive states

“

- [Educator] Interactive elements have several states, also called micro-interactions, that visually and semantically communicate their status to users. By default, web browsers provide native visual styles for many of these states, and it's our responsibility to enhance these states as we layer in custom visual design. This is best done with an interactive version of the website or web app to test the visual design by checking interactive elements for all expected states. Interactive states include the following, default is how an interactive element appears, well, by default when the element is able to respond to user interaction. Hover is how an element appears when a pointer, such as a mouse, stylus, or eye tracking indicator, is placed on top of the element, and this helps visually communicate that the element is interactive. Often, this is communicated with a background color change. The hover state is purely visual…

Contents