A walkthrough of building an accessible tabbed interface with ARIA attributes, using a pumpkin-pie recipe as the example. The demo shows four tabs (Overview, Ingredients, Directions, and one unnamed) and how ARIA roles and keyboard navigation communicate structure and state to screen readers.
Pumpkin pie, Mozilla Firefox. Application tab control. Overview tab selected, 1 of 4. Ingredients tab selected, 2 of 4. Directions tab selected, 3 of 4. Directions heading level 2, 1. Preheat oven to 425 degrees F, 2. That looks good. Combine sugar, salt, cinnamon, ginger, and—
Falling in Love With Forms - Required Field (Narrator + Internet Explorer 11)
