hackforla / hackforla/tdm-calculator
Epic: WAVE Alert: Layout table
- Dominant language
- JavaScript
- Stars
- 68
- Forks
- 47
- Avg merge
- 3d 9h
- Merged PRs (30d)
- 25
Description
### Dependency
Once these dependencies are done, work on this epic can resume.
- #3042
- #3043
- #3044
### Overview
We need to make issues that will create, apply and document a solution for Alert: Layout table so that it can get fixed on the site and documented for future developers
### Details
Category: Alerts
Name: Layout table
(The Accessibility wiki for this Alert has no solution yet)
known pages (there might be others):
1. Archived Projects
2. Archived Accounts
3. Create Project Page 1
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
- [x] Go to the Solutions Index (resource 1.02) and add the link to the specific page for this problem 1.02.01
- [x] Copy the first issue template (resource 1.04)
- [x] Use the template content to create a new issue for the `Archived Projects` page
- [x] Add the following labels
- role: front-end
- size: missing
- p-feature: Archived Projects
- feature: Accessibility
- level: missing
- deck: add to staging
- ready for dev lead
- priority: MUST HAVE
- [x] add milestone: launch
- Customize the draft issue resources
- [x] 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
- [x] In this issue use the content in resource 1.01.01 (spreadsheet) to update the link to the spreadsheet in draft issue's
- [x] open the spreadsheet link and find the row number, and add it to the draft issues's resource 1.03.01resource 1.03
- [x] In this issue, add issue to Sub Issue section below
- [x] Copy the second issue template (resource 1.05)
- [x] Use the template content to create a new issue(s) for the remaining pages under Known pages above
- [x] Customize the draft
- [x] 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
- [x] 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
- [x] 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 alert; ignore all other alerts. Check user interactions on the page to ensure that the alert isn't hidden by an interaction. Check one of the following below:
- [ ] No additional instances of this alert found
- [ ] New instances of these alerts 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: Alert: Layout table](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=403758315)
- 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/alert-layout-table
- 1.03 WIKI: Product Documentation: https://github.com/hackforla/tdm-calculator/wiki/Product-Documentation
- 1.03.01 WIKI: Product Documentation, Archived Projects page: (does not exist yet, will be added via https://github.com/hackforla/tdm-calculator/issues/2672 - use [Security page](https://github.com/hackforla/tdm-calculator/wiki/Security) for identifying login permissions, etc.)
- 1.03.02 WIKI: Product Documentation, Archived Accounts page: https://github.com/hackforla/tdm-calculator/wiki/Archive-Accounts
- 1.03.03 WIKI: Product Documentation, Create Project page 1: https://github.com/hackforla/tdm-calculator/wiki/Create-Projects
#### 1.04 first issue Template
Title
```
Dev: fix Alert: Layout table on [REPLACE WITH PAGE NAME] page
```
Body
```
### Overview
We need to fix the Alert(s): Layout table on [REPLACE WITH PAGE NAME] so that page can be WCAG compliant.
#### Details
Category: Alerts
Name: Layout table
(The Accessibility wiki for this Alert 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 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)
- [ ] This Alert has been resolved on other pages, so look at the other issues where this was solved (resource 1.05.01 see Project Team Alert 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 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 dependencies on
- [INSERT LINK TO NEXT ISSUE(s)]
- #2893
### 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: Alert: [REPLACE WITH FILTER NAME]]
- 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: Alert: Layout Table](https://hackforla.github.io/accessibility/known-issues-and-solutions/solutions-index/alert-layout-table/)
- 1.05.01.01 [WAVE Known Accessibility Issue: Alert: 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)
- TDM [Accessibility Audits](https://hackforla.github.io/accessibility/)
#### Slides
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg)
- [Staging Deck, slide [REPLACE WITH SLIDE NUMBER]]
- Release deck
- [2026-01-20 Release deck, slide [REPLACE WITH SLIDE NUMBER]]
```
#### 1.05 Second Issue Template
Title
```
Dev: fix Alert: Layout table on [REPLACE WITH PAGE NAME] page
```
Body
````
### Overview
We need to fix the Alert(s): Layout table on [REPLACE WITH PAGE NAME] 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:
[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 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
```
- [#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: Alert: Layout table](https://docs.google.com/spreadsheets/d/1qiAqR9LH-Gd4LO3aOs0yUy174o5LOmnuU6Bz671mKsY/edit?gid=0#gid=0&fvid=403758315)
- 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: 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 [REPLACE WITH SLIDE NUMBER]]
- Release deck
- [2026-01-20 Release deck, slide [REPLACE WITH SLIDE NUMBER]]
````
#### Slides
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg)
- [Staging Deck, slide 2893] - N/A
- Release deck
- [2026-01-20 Release deck, slide 2893] - N/A
Contributor guide
Assessment
This issue has not been assessed yet.