Compiled Learning Objectives

Enroll as a Trainee

• Enroll as a Trainee

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

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

Study Group Development

• Create a strategy for implementing a program based on a set of requirements.
• Express questions, problems and blockers as formal bug reports
• Interpret business requirements and express them as test cases.
• Open a pull request and iterate on it in response to feedback.

Sharing Our Blockers

• Identify blockers
• Share blockers on a board or sticky notes