hackforla / hackforla/tdm-calculator
Epic: WAVE Error: Missing form label
- Dominant language
- JavaScript
- Stars
- 68
- Forks
- 47
- Avg merge
- 3d 9h
- Merged PRs (30d)
- 25
Description
### Dependency
- #2675
### Overview
We need to make issues that will create, apply and document a solution for Missing form label so that it can get fixed on the site and documented for future developers
### Details
Category: Error
Name: Missing form label
(The Accessibility wiki for this Error has PRs with a solution applied but no solution documented yet)
known pages (there might be others):
1. Login
2. Security
3. About
4. Submissions
5. Create Account
6. FAQ
7. View Archived Accounts
8. Manage Submissions
This epic will do the following
- create a new issue to fix the problem on one page and update the wiki page with the solution, once accepted.
- create any follow-on issues to fix any other occurrences of this problem
### Action Items
- [ ] Go to the Solutions Index (resource 1.02) and add the link to the specific page for this problem 1.02.01
- [ ] Copy the first issue template (resource 1.04)
- [ ] Use the template content to create a new issue for the `Login` page
- [ ] Add the following labels
- role: front-end
- size: missing
- p-feature: Login
- feature: Accessibility
- level: missing
- deck: add to staging
- ready for dev lead
- priority: MUST HAVE
- [ ] add milestone: launch
- Customize the draft issue resources
- [ ] In this issue use the content in resource 1.03.01 (Product Documentation) to update the draft's issue resource 1.02.01, 1.02.02
- [ ] In this issue use the content in resource 1.01.01 (spreadsheet) to update the link to the spreadsheet in draft issue's
- [ ] open the spreadsheet link and find the row number, and add it to the draft issues's resource 1.03.01resource 1.03
- [ ] In this issue, add issue to Sub Issue section below
- [ ] Copy the second issue template (resource 1.05)
- [ ] Use the template content to create a new issue(s) for the remaining pages under Known pages above
- [ ] Customize the draft
- [ ] Add the following labels
- role: front-end
- size: missing
- p-feature: [REPLACE WITH FIRST PAGE NAME]
- feature: Accessibility
- level: missing
- deck: add to staging
- ready for dev lead
- priority: MUST HAVE
- Customize the draft issue resources
- [ ] In this issue use the content in resource Product Documentation 1.03.01 to update the draft's issue resource 1.02.01, 1.02.02
- [ ] In this issue use the content in resource 1.01.01 (spreadsheet) to update the link to the spreadsheet in draft issue's resource 1.03
- [ ] open the spreadsheet link and find the row number, and add it to the draft issues's resource 1.03.01
- [ ] Once both those issues are closed, run WAVE and check all other pages for this error; ignore all other alerts and errors. Check user interactions on the page to ensure that the error isn't hidden by an interaction. Check one of the following below:
- [ ] No additional instances of this error found
- [ ] New instances of these error found
- [ ] Make additional issues
### Resources
- 1.01 [TDM WAVE Accessibility Audit Spreadsheet, tab: 2. Audit Log](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0)
- 1.01.01 [TDM WAVE Accessibility Audit Spreadsheet, tab: 2. Audit Log, filter: Error: Missing form label](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=2121296910)
- 1.02 [WCAG: Known Issues and Solutions](https://hackforla.github.io/accessibility/known-issues-and-solutions)
- 1.02.01 https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/error-missing-form-label
- 1.03 WIKI: Product Documentation: https://github.com/hackforla/tdm-calculator/wiki/Product-Documentation
- 1.03.01 WIKI: Product Documentation, Login page: https://github.com/hackforla/tdm-calculator/wiki/Login
- 1.03.02 WIKI: Product Documentation, Security page: https://github.com/hackforla/tdm-calculator/wiki/Security
- 1.03.03 WIKI: Product Documentation, About page: https://github.com/hackforla/tdm-calculator/wiki/About
- 1.03.04 WIKI: Product Documentation, Submissions page: https://github.com/hackforla/tdm-calculator/wiki/Submissions
- 1.03.05 WIKI: Product Documentation, Create Account page: https://github.com/hackforla/tdm-calculator/wiki/Create-Projects
- 1.03.06 WIKI: Product Documentation, FAQ page: https://github.com/hackforla/tdm-calculator/wiki/FAQ
- 1.03.07 WIKI: Product Documentation, View Archived Accounts page: https://github.com/hackforla/tdm-calculator/wiki/Archive-Accounts
- 1.03.08 WIKI: Product Documentation, Manage Submissions page: (currently there isn't one yet. It will be added via this issue: https://github.com/hackforla/tdm-calculator/issues/2675)
#### 1.04 first issue Template
Title
```
Dev: fix Error: Missing form label on [REPLACE WITH PAGE NAME] page
```
Body
```
### Overview
We need to fix the Error: Missing form label on [REPLACE WITH PAGE NAME] so that page can be WCAG compliant.
#### Details
Category: Error
Name: Missing form label
(The Accessibility wiki for this error has no solution yet)
Page that will be worked on:
[REPLACE WITH NAME OF PAGE NAME]
### Action Items
- [ ] Review wiki page: Accessibility, How to run the WAVE browser extension (Resource 1.01)
- [ ] Install the WAVE browser extension
- [ ] Log in as the user indicated (resource 1.02.01)
- [ ] navigate to the page you are going to fix (resource 1.02.02)
- [ ] Open the TDM WAVE Accessibility Audit Spreadsheet, for this Error (resource 1.03) and find the row that relates to this issues page.
- [ ] Run the WAVE extension with no elements focused, or clicked (resource 1.04)
- [ ] Find the Error in WAVE shown in the Spreadsheet (1.03)
- [ ] This error has been resolved on other pages, so look at the other issues where this was solved (resource 1.05.01 see Project Team Error guidance section)
- [ ] Apply solution
- [ ] write and add the appropriate details to the `Project Team Solution` section (resource 1.05.01.01)
- [ ] Submit PR (include link to `Project Team Solution` section (resource 1.05.01.01)
- [ ] Add PR to spreadsheet in PR column next to error (resource 1.03)
- [ ] On this issue
- [ ] Add labels:
- `ready for accessibility lead`
- `ready for product`
- [ ] Change status to: `Technical Review`
- [ ] Get sign-off on WIKI page by
- [ ] Accessibility lead
- [ ] Product lead
- [ ] release the dependencies on
- [INSERT LINK TO NEXT ISSUE(s)]
- #2895
### Resources/Instructions
- 1.01[How to run the WAVE browser extension](https://hackforla.github.io/accessibility/getting-started/wave-browser-extension/)
- 1.02 Application details
- 1.02.01 User Profile Required: [REPLACE WITH USER TYPE: visitor (not logged in)/user/admin/security admin/]
- 1.02.02 Page URL: http://tdm-dev.azurewebsites.net/[REPLACE WITH PAGE URL]
- Requires sign in: [REPLACE WITH TRUE OR FALSE]
- Can access page directly from URL: [REPLACE WITH TRUE OR FALSE]
- 1.03 [TDM WAVE Accessibility Audit Spreadsheet, tab: 2. Audit Log, filter: Error: Missing form label](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=2121296910)
- Spreadsheet Row(s): [REPLACE WITH ROW NUMBERS]
- 1.04 https://hackforla.github.io/accessibility/getting-started/perform-wave-audit
- 1.05 [Accessibility Known Issues Index](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/)
- 1.05.01 [WAVE Known Accessibility Issue: [Error - Missing form label](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/error-missing-form-label)
- 1.05.01.01 [WAVE Known Accessibility Issue: [Error - Missing form label, section: Project Team Solution](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/error-missing-form-label/#project-team-solution)
Additional reading (optional)
- TDM [Accessibility Audits](https://hackforla.github.io/accessibility/)
#### Slides
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg)
- [Staging Deck, slide]
- Release deck
- [2026-01-20 Release deck, slide ]
```
#### 1.05 Second Issue Template
Title
```
Dev: fix Error: Missing form label on [REPLACE WITH PAGE NAME] page
```
Body
````
### Overview
We need to fix the Error: Missing form label(s) on [REPLACE WITH PAGE NAME] so that page can be WCAG compliant.
#### Details
Category: Error
Name: Missing form label
(The Accessibility wiki for this error has a solution)
Page that will be worked on:
[REPLACE WITH NAME OF PAGE NAME]
### Action Items
- [ ] Review wiki page: Accessibility, How to run the WAVE browser extension (Resource 1.01)
- [ ] Install the WAVE browser extension
- [ ] Log in as the user indicated (resource 1.02.01)
- [ ] navigate to the page you are going to fix (resource 1.02.02)
- [ ] Open the TDM WAVE Accessibility Audit Spreadsheet, for this error (resource 1.03) and find the row that relates to this issues page.
- [ ] Run the WAVE extension with no elements focused, or clicked
- [ ] Find the error referenced in the Spreadsheet (1.03)
- [ ] This error has been resolved on other pages, so review `Project Team Solution` section (resource 1.04.01.01)
- [ ] Apply solution
- [ ] Submit PR
- [ ] Add PR to spreadsheet in PR column next to error (resource 1.03)
- [ ] On this issue
- [ ] Add labels:
- `ready for accessibility lead`
- [ ] Change status to: `Technical Review`
- to the epic #2895
- [ ] Add the label `ready for product`
- [ ] Add this comment
```
- [#REPLACE WITH THIS ISSUE NUMBER] is closed. Please review to see if there are any remaining instances of this problem
```
### Resources/Instructions
- 1.01[How to run the WAVE browser extension](https://github.com/hackforla/accessibility/blob/main/docs/getting-started/wave-browser-extension.md)
- 1.02 Application details
- 1.02.01 User Profile Required: [REPLACE WITH USER TYPE: visitor (not logged in)/user/admin/security admin/]
- 1.02.02 Page URL: http://tdm-dev.azurewebsites.net/[REPLACE WITH PAGE URL]
- Requires sign in: [REPLACE WITH TRUE OR FALSE]
- Can access page directly from URL: [REPLACE WITH TRUE OR FALSE]
- 1.03 [TDM WAVE Accessibility Audit Spreadsheet, tab: 2. Audit Log, filter: Error: Missing form label](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=2121296910)
- Spreadsheet Row(s): [REPLACE WITH ROW NUMBERS]
- 1.04 [Accessibility Known Issues Index](https://github.com/hackforla/accessibility/blob/main/docs/known-issues-and-solutions/solutions-index/index.md)
- 1.04.01 [WAVE Known Accessibility Issue: [Error - Missing form label](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/error-missing-form-label)
- 1.04.01.01 [WAVE Known Accessibility Issue: [Error - Missing form label, section: Project Team Solution](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/error-missing-form-label/#project-team-solution)
Additional reading (optional)
- https://hackforla.github.io/accessibility/
#### Slides
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg)
- [Staging Deck, slide ]
- Release deck
- [2026-01-20 Release deck, slide ]
````
#### Slides
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg)
- [Staging Deck, slide 2897] - N/A
- Release deck
- [2026-01-20 Release deck, slide 2897] - N/A
Contributor guide
Research direction
Start by reviewing dependency #2675, the WAVE audit spreadsheet, and the Missing form label solution page. Use the first and second issue templates to create page-specific issues for Login and the remaining listed pages, then track their fixes and documentation. Done means the page issues are created, solutions are documented, and all listed pages have been checked for additional instances.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility
- Issue type
- Bug
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100