hackforla / hackforla/tdm-calculator
Dev: fix Alert: Missing fieldset on Security page
- Dominant language
- JavaScript
- Stars
- 68
- Forks
- 47
- Avg merge
- 3d 9h
- Merged PRs (30d)
- 25
Description
### Overview
We need to fix the Alert(s): Missing fieldset on Security so that page can be WCAG compliant.
#### Details
Category: Alert
Name: Missing fieldset
(The Accessibility wiki for this Alert has no solution yet)
Page that will be worked on:
- Security
### 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 Alert (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 Alert shown in the Spreadsheet (1.03)
- [ ] Create and 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 Alert (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 dependenciy on #2894
### 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: security admin
- 1.02.02 Page URL: https://tdm-dev.azurewebsites.net/roles
- Requires sign in: TRUE
- Can access page directly from URL: FALSE
- 1.03 [TDM WAVE Accessibility Audit Spreadsheet, tab: 2. Audit Log, filter: Alert: Missing fieldset](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=1221784535)
- Spreadsheet Row(s): 4, 5 & 6
- 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: Alert - Missing fieldset](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/alert-missing-fieldset)
- 1.05.01.01 [WAVE Known Accessibility Issue: Alert - Missing fieldset, Project Team Solution](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/alert-missing-fieldset/#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 3036](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/edit?slide=id.g39673b86911_4_0#slide=id.g39673b86911_4_0)
- Release deck
- [2026-MM-DD Release deck, slide 3036]
Contributor guide
Research direction
Start by reviewing the WAVE browser-extension instructions, then access the Security page with the required security-admin user and inspect spreadsheet rows 4, 5, and 6. Compare the findings with the Missing fieldset known-issue page, apply and verify the solution, and document it in the Project Team Solution section. Done includes a PR, spreadsheet link, required labels and status, lead and product sign-off, and release of the dependency on #2894.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100