Teaching / Intro to Web Dev / Accessibility - Week 12

Accessibility - Week 12


Welcome to week 12 of Intro to Web Dev!

Now you know how to write your own HTML, CSS, and JavaScript code to build and design a webpage. This week you’ll learn about accessibility, which helps make sure everyone can use your webpage.

Work through the activities in this page to complete the week!


Accessibility

First, read through this tutorial to learn about accessibility:


Quiz

  1. In your own words, what is accessibility? Why is it important?
  2. What are some examples of accessible devices?
  3. When would you use an ARIA label? When would you not need to use an ARIA label?
  4. What are some ways you can check the accessibility of your webpage?
  5. Why is empathy so important when thinking about accessibility?

Project

Now you’ve seen the fundamentals of Accessibility. To practice these concepts, do the following:

  1. Use a screenreader (like TalkBack for Android or VoiceOver for iPhone) to use some of your previous projects.
  2. Use the accessibility report in your developer tools (like Lighthouse for Chrome) to audit some of your previous projects.
  3. Improve an accessibility issue.
  4. Improve a second accessibility issue.
  5. Improve a third accessibility issue.

Checklist

  1. Learn about accessibility.
  2. Follow the directions above to improve accessibility issues in your previous projects.
  3. Push those changes to GitHub and confirm you can see them in your GitHub Pages site.
  4. Get ready to present your work. Make sure your camera and microphone work!