...
/Solution: Accessible Listbox with Visible Focus and Active States
Solution: Accessible Listbox with Visible Focus and Active States
Let’s style listbox options with clear focus and selection states for accessibility.
We'll cover the following...
We'll cover the following...
Problem description
You are given a listbox widget using a container with the class listbox and a set of div elements with the class listbox-option. Each option may be selected (with aria-selected="true") or not. Focusable options have tabindex="0" and receive keyboard focus.
Write CSS to meet the following requirements:
The listbox should be visually distinct, with a ...