lesson
Tabs Implementation - Roles, States, and PropertiesThe Approachable Guide to Accessible ComponentsPart 1 of Implementing the Tabs Component
lesson
Tabs Component OverviewThe Approachable Guide to Accessible ComponentsPreview of the Tabs Component to be built
lesson
Handling Error MessagesThe Approachable Guide to Accessible ComponentsAdding error message handling to the existing TextInput component
lesson
Implementing the TextInput ComponentThe Approachable Guide to Accessible ComponentsStep-by-step guide of how to implement an accessible text input component
lesson
TextInput Component OverviewThe Approachable Guide to Accessible ComponentsPreview of the TextInput Component to be built
lesson
Performing an Accessibility AuditThe Approachable Guide to Accessible ComponentsUsing the axe DevTools to audit a sample site
lesson
Project Preview and axe DevToolsThe Approachable Guide to Accessible ComponentsDoggy Directory sample project
lesson
Focus Management and Keyboard InteractionsThe Approachable Guide to Accessible ComponentsEnabling focus using tabindex, and understanding tab order
lesson
Color Contrast and StylesThe Approachable Guide to Accessible ComponentsUsing CSS to ensure proper color contrast and visual affordances for interactive elements
lesson
Labels and InputsThe Approachable Guide to Accessible ComponentsUsing input and form controls to create accessible forms
lesson
HTML - Headings, Landmarks, and SemanticsThe Approachable Guide to Accessible ComponentsAccessibility wins using Native HTML