Slide5-7 Exercise One: Creating An Accessible Tab Panel

Step through the following sections to learn how adding Roles, States and Properties impact accessibility. For this exercise you will need the following tools to code and test each step.
A web page development test environment like CodePen
A screen reader like Narrator for Windows or VoiceOver for iOS devices.
Learn more about Screen Reader Technology

Step 1: Creating The HTML Web Page

Step 2: Adding ARIA Attributes

Step 3: W3C Tab Panel Example

Resources

Place holder