hackforla / hackforla/website

Accessibility Audit

Open
#1,347 5 comments 0 reactions 0 assignees View on GitHub
Complexity: Large Dependency Feature: Accessibility manual dependency release role: design size: missing
Dominant language
JavaScript
Stars
363
Forks
872
Avg merge
2d 21h
Merged PRs (30d)
18

Description

### Dependency
- [x] https://github.com/hackforla/website/issues/3859
- [ ] https://github.com/hackforla/website/issues/4300
- [ ] and whatever issues are contained in the above epic are closed
- [ ] check the board, and if there doesn't seem to be any accessibility epics that should be done first, this can be moved to new issue approval.
- [Accessibility issues on the board](https://github.com/orgs/hackforla/projects/86/views/1?filterQuery=-label%3A%22away+on+hold%22+label%3A%22Feature%3A+Accessibility%22)

### Overview
Accessibility Audit to follow the WCAG 2.0/2.1 guidelines

### Action Items
- [ ] Alt text for informative and decorative images
- [ ] Text proportion and color contrast
- [ ] Link labels
- [ ] Video/Gif captions
- [ ] Info & Relationship
- [ ] Improve current project card’s headings and links’ descriptions
- [ ] Meaning sequence audit
- [ ] test with keyboard tab to see focusable elements
- [ ] test with a blur filter along side with screen reader and voiceover
- [ ] Labels and Instruction for Toolkit Guides

### Resources/Instructions
**Guidelines/Law:**
- WCAG:
- [WCAG 2.0 & 2.1](https://www.w3.org/WAI/standards-guidelines/wcag/)
- [Quick Reference](https://www.w3.org/WAI/WCAG21/quickref/)
- 508 Compliance
- [Tools & Guidance](https://www.section508.gov/test/web-software)

**Tool Extensions:**

- [WAVE](https://wave.webaim.org/extension/)
- [Siteimprove Accessibility Checker](https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc)

Here are some of the sample errors we currently have for Hack for LA website:
- [Hack for LA Web Accessibility Results ](https://github.com/hackforla/website/files/6246294/HackforLA.Results.-.Web.Accessibility.pdf)

- ![Hack for LA Home Wave Extension Details](https://user-images.githubusercontent.com/68657634/113349277-a39f5f00-92ec-11eb-8ce2-ff5389ccaba1.png)

- ![Hack for LA Home Siteimprove Accessibility Checker Extension](https://user-images.githubusercontent.com/68657634/113349411-d8abb180-92ec-11eb-9ed6-2bf5f7716c65.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.