diff --git a/docs/known-issues-and-solutions/solutions-index/alert-layout-table.md b/docs/known-issues-and-solutions/solutions-index/alert-layout-table.md
index 7b99e3af..c97ff158 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-layout-table.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-layout-table.md
@@ -5,12 +5,12 @@
## Page Content Status
- [X] WAVE Error guidance text
-- [ ] Example of a DOM Snippet Generated From WAVE Tool
+- [X] Example of a DOM Snippet Generated From WAVE Tool
- Project Team Error guidance
- - [ ] Project Team Page Details
- - [ ] Project Team Issue and PR details
- - [ ] Project Team Solution
-- [ ] Credits/Authors
+ - [X] Project Team Page Details
+ - [X] Project Team Issue and PR details
+ - [X] Project Team Solution
+- [X] Credits/Authors
## WAVE Error guidance
@@ -42,7 +42,13 @@ WAVE Tool's Reference material on Layout table may not specifically address your
## Example of a DOM Snippet Generated From WAVE Tool
> ```html
-> [HTML snippet showing the problematic code structure that WAVE detected]
+>
+>
+>
+> | Should be a "th" tag |
+>
+>
+>
> ```
@@ -51,37 +57,38 @@ WAVE Tool's Reference material on Layout table may not specifically address your
The following material covers how the Project Team has provided a solution to the layout table WAVE alert.
### Project Page Details
-- Project Page name: [INSERT PAGE NAME or "ALL"]
-- Project Staging URL: [INSERT URL or "N/A"]
-- Requires sign in: [TRUE OR FALSE]
- - Required User Role: [INSERT ONE OF: Visitor, Logged in user, Admin, Security Admin]
- - Can access page directly from URL: [TRUE OR FALSE]
- - Accepts URL parameters: [TRUE OR FALSE]
+- Project Page name: Archived Projects
+- Project Staging URL: https://tdm-dev.azurewebsites.net/archivedprojects
+- Requires sign in: TRUE
+ - Required User Role: Security Admin
+ - Can access page directly from URL: FALSE
+ - Accepts URL parameters: FALSE
### Project Team Issue and PR details
- Related GitHub Issue(s):
- - [INSERT ISSUE URL]
+ - https://github.com/hackforla/tdm-calculator/issues/2837
- Related Pull Request(s):
- - [INSERT PR URL]
+ - https://github.com/hackforla/tdm-calculator/pull/3068
- React Component(s)
- - [INSERT PATH: e.g. path/to/Component.jsx]
+ - client\src\components\ArchiveDelete\ProjectsArchive.jsx
### Project Team Solution
#### What is the specific problem that was occurring?
-[INSERT CONTENT]
+This alert occurred on the Archived Projects page, caused by a table using td elements in the header, instead of the expected th elements. In this case, the table is really a data table, and the error was triggered since the wrong tag was used.
+If the table is used to set the layout of content on the page, it is recommended to use other CSS features such as Grid or Flexbox to achieve this.
#### What is the proposed solution to this problem?
-[INSERT CONTENT]
+Ensure that the table contains a header and `` elements.
#### Step-By-Step Guide
??? Info "Click to see step-by-step guide"
- [ADD DETAILED INSTRUCTIONS HERE]
+ - n/a
#### Other Technical Details
@@ -89,26 +96,39 @@ The following material covers how the Project Team has provided a solution to th
??? Info "Click to see other technical details"
- [INSERT OTHER DETAILS e.g. Prop References, Return Value]
-
+ - n/a
+
#### Code Snippet With Solution
??? Info "Click to see code snippets"
- [INSERT PATH file/path/to/Snippet.jsx]
-
```jsx
- [Code example showing the fix/solution]
+ // client\src\components\ArchiveDelete\ProjectsArchive.jsx
+
+ const ProjectsArchive = () => {
+ // ...
+ return (
+ // ...
+
+
+
+ | Name | // ensure that the table has a header and th elements
+ // ...
+
+
+
+ // ...
+
+ // ...
+ );
```
#### Why the Fix Works
-[INSERT CONTENT]
+Adding a header and th elements to the table fixes the error by making sure the table is interpreted as a data table.
#### Where this solution is applicable
-- [INSERT SCENARIO 1]
-- [INSERT SCENARIO 2]
-- [INSERT SCENARIO N]
+- tables
#### Screenshots of WAVE Error
@@ -133,5 +153,4 @@ The following material covers how the Project Team has provided a solution to th
## Credits/Authors
- @Rabia2219
-- [INCLUDE Contributor 2]
-- [INCLUDE Contributor N]
+- @Philc90
|