Lessons

Explore all newline lessons

Tags
Author
Search authors...
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/tI4hjjf6100FUYwruoLMOtJAwYLMcfn4p01BorYbn0001M4/thumbnail.png?time=0

lesson

Tabs Implementation - Roles, States, and PropertiesThe Approachable Guide to Accessible Components

Part 1 of Implementing the Tabs Component

Avatar Image
Alyssa Holland
https://image.mux.com/wX9LHQlX4RSM3pBiAdRWyoZB24apFHxXCQMYScjYOhc/thumbnail.png?time=0

lesson

Tabs Component OverviewThe Approachable Guide to Accessible Components

Preview of the Tabs Component to be built

Avatar Image
Alyssa Holland
https://image.mux.com/a7WWQiwwLxDNOFXxv8V02S3wEVKVLtwB6e01v7CIz1ClU/thumbnail.png?time=0

lesson

Handling Error MessagesThe Approachable Guide to Accessible Components

Adding error message handling to the existing TextInput component

Avatar Image
Alyssa Holland
https://image.mux.com/FtQ2sOcEQYblN34VrXFb1SBknB8wNU58R6IRKwydMvg/thumbnail.png?time=0

lesson

Implementing the TextInput ComponentThe Approachable Guide to Accessible Components

Step-by-step guide of how to implement an accessible text input component

Avatar Image
Alyssa Holland
https://image.mux.com/nQwA01wYfQz02jvRrASyAVphjwi8nYAE029elKAVlaVovQ/thumbnail.png?time=0

lesson

TextInput Component OverviewThe Approachable Guide to Accessible Components

Preview of the TextInput Component to be built

Avatar Image
Alyssa Holland
https://image.mux.com/Fx02021QHRc211LaC6WlzALOFcilBP4802IQFZ6016F01ukM/thumbnail.png?time=0

lesson

Performing an Accessibility AuditThe Approachable Guide to Accessible Components

Using the axe DevTools to audit a sample site

Avatar Image
Alyssa Holland
https://s3.amazonaws.com/assets.fullstack.io/n/20240726152346550_AlyssaHolland_TheApproachableGuidetoAccessibleComponents_1450.67x816_CoverImage%20%281%29.png

lesson

Project Preview and axe DevToolsThe Approachable Guide to Accessible Components

Doggy Directory sample project

Avatar Image
Alyssa Holland
https://image.mux.com/eKqwN00pMon00SaTv5mwph7MOTJ01B2bII8TD9Vy1QiBpw/thumbnail.png?time=0

lesson

Focus Management and Keyboard InteractionsThe Approachable Guide to Accessible Components

Enabling focus using tabindex, and understanding tab order

Avatar Image
Alyssa Holland
https://image.mux.com/OuX02lDrl01BfuluTqVcEM5gYwyr16lWbkkZPHAivgZVY/thumbnail.png?time=0

lesson

Color Contrast and StylesThe Approachable Guide to Accessible Components

Using CSS to ensure proper color contrast and visual affordances for interactive elements

Avatar Image
Alyssa Holland
https://image.mux.com/600em3MNs3yYYiADi1kkPs5ujFTePwj8raqwFGueXjvY/thumbnail.png?time=0

lesson

Labels and InputsThe Approachable Guide to Accessible Components

Using input and form controls to create accessible forms

Avatar Image
Alyssa Holland
https://image.mux.com/YuvzDDuS7XGtCxiXYHcjeZ8rTmnh5gEpT87Ajggbohs/thumbnail.png?time=0

lesson

Images and Alt TextThe Approachable Guide to Accessible Components

Alt text for Accessibility

Avatar Image
Alyssa Holland
https://image.mux.com/i1VdeFodyeVudDW1Vsy00F5lzkbtKuyG9hG5IlmbOaI00/thumbnail.png?time=0

lesson

HTML - Headings, Landmarks, and SemanticsThe Approachable Guide to Accessible Components

Accessibility wins using Native HTML

Avatar Image
Alyssa Holland