/simple-a11y

learning a11y

Primary LanguageHTML

Rea11y Simple A11y: A Focused Accessibility Workshop

This workshop focuses on introductory wins to springboard your accessibility efforts within your project or organization.

Schedule for a 95 minute workshop.

  • Intro (lighthouse before/after) (5 mins)
  • Setup (5 mins)
  • Why and types (10 mins)
  • Overview (5 mins)
  • Semantic markup (5 mins)
  • Code/Fix markup (20 mins)
  • Alt attrs (5 mins)
  • Code/Fix alt attributes (10 mins)
  • ARIA intro (5 mins)
  • Code/Add ARIA attributes (10 mins)
  • Color contrast (5 mins)
  • Code/Fix colors (10 mins)

Pre-reqs

  • Node
  • npm
  • code editor
  • Latest version of Chrome
  • aXe Core Chrome extension

Setup

clone the repo to your machine OR download the the .zip

https://github.com/chrisdemars/simple-a11y.git

cd in to the folder if you cloned it

cd simple-ally

If you are using VS Code, spin up live-server or double-click the index.html file.

Contribute

If you want to contribute to this repo, I am looking specifically for this to be responsive. I am leaving that open for two reasons 1.) I don't have time to make it responsive, and 2.) I would love for this to be a PR for someone participating in #Hacktoberfest.

  1. Fork the gh-pages branch
  2. Clone the repo to your local machine

git clone REPO NAME

  1. Make changes in a feature branch. Please use accessible, semantic markup.

yourname/feature-responsive

  1. Submit a PR