Compiled Learning Objectives

Accessibility: Record a Goose

• Use the automated testing tools WAVE, Accessibility Insights, and Lighthouse to identify common accessibility issues
• Record accessibility issues in a structured format
• Explain the impact of accessibility mistakes
• Suggest practical technical fixes to identified problems

Stretch: collect your self study courses

• Research self study resources
• Evaluate authority of resources

Workshop: Developer Tools

• Inspect the DOM
• Identify the values of design tokens in the CSS
• Alter the values of the CSS Variables using DevTools

• Select the Grid Badge in the Elements panel
• Use the Grid Editor to change layout

• Run a Lighthouse audit
• Identify and resolve the reported issues

• Find the MDN docs links in the Styles panel
• Ask ChatGPT to explain the Devtools explanation

• Find a different API using the same code
• Inspect the Accessibility Tree and compare it to the DOM