hackforla / hackforla/tdm-calculator
Dev: fix Alert: Layout table on Create Project Page 1 page
- Dominant language
- JavaScript
- Stars
- 68
- Forks
- 47
- Avg merge
- 3d 9h
- Merged PRs (30d)
- 25
Description
### Dependency
- #3042 (3042 solves the problem and updates the wiki on one page. Once thats done, then the below issue can proceed).
### Overview
We need to fix the Alert(s): Layout table on Create Project Page 1 so that page can be WCAG compliant.
#### Details
Category: Alerts
Name: Layout table
(The Accessibility wiki for this Alert has a solution)
Page that will be worked on:
Create Project Page 1
### 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
- [ ] Find the Alert referenced in the Spreadsheet (1.03)
- [ ] This alert 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 Alert (resource 1.03)
- [ ] On this issue
- [ ] Add labels:
- `ready for accessibility lead`
- [ ] Change status to: `Technical Review`
- to the epic #2893
- [ ] Add the label `ready for product`
- [ ] Add this comment
```
- #3044 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: visitor (not logged in) at a minimum, but you are better off logging in as user or user two so the save functionality is available
- 1.02.02 Page URL: https://tdm-dev.azurewebsites.net/calculation/1/0
- Requires sign in: FALSE - see login notes
- Can access page directly from URL: TRUE
- 1.03 [TDM WAVE Accessibility Audit Spreadsheet, tab: 2. Audit Log, filter: Alert: Layout table](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=403758315)
- Spreadsheet Row(s): 56
- 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: Alerts - Layout table](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/alert-layout-table)
- 1.04.01.01 [WAVE Known Accessibility Issue: Alerts - Layout table, section: Project Team Solution](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/alert-layout-table#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 3044](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/edit?slide=id.g3da5aa8ec92_6_14#slide=id.g3da5aa8ec92_6_14)]
- Release deck
- [2026-01-20 Release deck, slide 3044]
Contributor guide
Research direction
Start with the Create Project Page 1 URL and review the WAVE audit spreadsheet at row 56 for the Layout table alert. Read the linked Accessibility Known Issue and its Project Team Solution before comparing the alert with other pages. Done means applying the solution, verifying the page with WAVE, submitting a PR, and updating the issue and audit spreadsheet as requested.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100