Lab 5

Complete the Github classroom assignment Opens in a new window.

This is technically a group assignment (but you'll be graded individually).

Follow Github flow to fix accessibility errors in the HTML document. If there are no accessibility errors remaining for you to fix, add some aesthetically pleasing styles to the page via the script tag in the HTML document's head.

Your workflow should look like this:

  1. Clone the repo
  2. Serve the page to your browser1
  3. Detect accessibility errors with the aXe browser extension2 and/or the Chrome Lighthouse accessibility audit.
  4. Create a feature branch.
  5. Check out your feature branch.
  6. Fix one accessibility issue (remember, we're keeping our pull requests simple).
  7. Confirm in aXe or Lighthouse that what you've done has resolved an issue.
  8. Commit your changes.
  9. Use the command
    git pull origin main
    to make sure your code is up-to-date, and resolve any conflicts.
  10. Push your branch to the remote repository (remember, there is a specific command to create the branch in the remote repo when you make your first push).
  11. Create a pull request, tagging a classmate in the comments, asking them for a code review.
  12. Perform code reviews as requested (remember, don't merge if there are conflicts!)

Footnotes

  1. One we've done this is by using the "Live Server" plugin for VS Code Back to "Serve the page to your browser"
  2. Download the aXe browser extension for either Chrome Opens in a new window or Firefox Opens in a new windowBack to "Detect accessibility errors with the aXe browser extension"