Lessons

Explore all newline lessons

Tags
Author
Search authors...
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
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
https://image.mux.com/iz7psbYgLMlWtaKamRG9WyvXQd7U7Mbkfd4qpizUrN00/thumbnail.png?time=0

lesson

ARIA AttributesThe Approachable Guide to Accessible Components

ARIA Attributes - Roles, States, and Properties

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

lesson

Screen ReadersThe Approachable Guide to Accessible Components

Getting familiar with the screen reader assistive technology

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

lesson

Accessibility TerminologyThe Approachable Guide to Accessible Components

Common accessibility terms and acronyms

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

lesson

What is Accessibility?The Approachable Guide to Accessible Components

Define accessibility and its importance

Avatar Image
Alyssa Holland