diff --git a/docs/known-issues-and-solutions/solutions-index/alert-link-to-pdf-document.md b/docs/known-issues-and-solutions/solutions-index/alert-link-to-pdf-document.md
index 2b1e12c4..7626d214 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-link-to-pdf-document.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-link-to-pdf-document.md
@@ -15,25 +15,27 @@
 
 WAVE Tool's Reference material on Link to PDF document may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-### WAVE Category
-Alerts
-### WAVE Error
-Link to PDF document
-### What It Means
-A link to a PDF document is present.
-### Why It Matters
-Unless authored with accessibility in mind, PDF documents often have accessibility issues. Additionally, PDF documents are typically viewed using a separate application or plug-in, and can thus cause confusion and navigation difficulties.
-### What To Do
-Ensure the PDF document is natively accessible. Additionally, inform the user that the link will open a PDF document. Because PDF documents may have limitations in accessibility (particularly for complex content) and require a separate program, HTML content should often be used in place of or in addition to the PDF document.
-### The Algorithm... in English
-A link to a .pdf file is present.
-### Standards and Guidelines
-None
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#link_pdf" target="_blank">https://wave.webaim.org/api/docs?format=html#link_pdf</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Alerts
+    > ### WAVE Error
+    > Link to PDF document
+    > ### What It Means
+    > A link to a PDF document is present.
+    > ### Why It Matters
+    > Unless authored with accessibility in mind, PDF documents often have accessibility     > issues. Additionally, PDF documents are typically viewed using a separate application or plug-  in, and can thus cause confusion and navigation difficulties.
+    > ### What To Do
+    > Ensure the PDF document is natively accessible. Additionally, inform the user that the link will open a PDF document. Because PDF documents may have limitations in accessibility (particularly for complex content) and require a separate program, HTML content should often be used in place of or in addition to the PDF document.
+    > ### The Algorithm... in English
+    > A link to a .pdf file is present.
+    > ### Standards and Guidelines
+    > None
+
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/alert-missing-fieldset.md b/docs/known-issues-and-solutions/solutions-index/alert-missing-fieldset.md
index ed42ad3d..e8028505 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-missing-fieldset.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-missing-fieldset.md
@@ -15,31 +15,30 @@
 
 WAVE Tool's Reference material on Missing fieldset may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> Alerts
-> ### WAVE Error
-> Missing fieldset
-> ### What It Means
-> A group of check boxes or radio buttons is not enclosed in a fieldset.
-> ### Why It Matters
-> A fieldset provides a visual and structural grouping of related form elements. It is typically necessary for groups of check boxes or radio buttons where a higher level description (called a legend) is necessary to understand the function of the check boxes or radio buttons. The description will be identified by a screen reader only if provided in a fieldset legend.
-> ### What To Do
-> Determine whether the grouping of check boxes or radio buttons has or needs text that explains the purpose of the check boxes or radio button grouping. If so, mark up the group within a fieldset and put the group description in a legend element.
-> ### The Algorithm... in English
-> Two or more checkbox or radio input elements within a form have the same name value, but are not enclosed in a fieldset.
-> ### Standards and Guidelines
-> - [1.1.1 Non-text Content (Level A)](https://webaim.org/standards/wcag/checklist#sc1.1.1)
-> - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
-> - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
-> - [3.3.2 Labels or Instructions (Level A)](https://webaim.org/standards/wcag/checklist#sc3.3.2)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#fieldset_missing" target="_blank">https://wave.webaim.org/api/docs?format=html#fieldset_missing</a>
+
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Alerts
+    > ### WAVE Error
+    > Missing fieldset
+    > ### What It Means
+    > A group of check boxes or radio buttons is not enclosed in a fieldset.
+    > ### Why It Matters
+    > A fieldset provides a visual and structural grouping of related form elements. It is typically necessary for groups of check boxes or radio buttons where a higher level description (called a legend) is necessary to understand the function of the check boxes or radio buttons. The description will be identified by a screen reader only if provided in a fieldset legend.
+    > ### What To Do
+    > Determine whether the grouping of check boxes or radio buttons has or needs text that explains the purpose of the check boxes or radio button grouping. If so, mark up the group within a fieldset and put the group description in a legend element.
+    > ### The Algorithm... in English
+    > Two or more checkbox or radio input elements within a form have the same name value, but are not enclosed in a fieldset.
+    > ### Standards and Guidelines
+    > - [1.1.1 Non-text Content (Level A)](https://webaim.org/standards/wcag/checklist#sc1.1.1)
+    > - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
+    > - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
+    > - [3.3.2 Labels or Instructions (Level A)](https://webaim.org/standards/wcag/checklist#sc3.3.2)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/alert-orphaned-form-label.md b/docs/known-issues-and-solutions/solutions-index/alert-orphaned-form-label.md
index 637e6139..7c7daeca 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-orphaned-form-label.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-orphaned-form-label.md
@@ -15,34 +15,33 @@
 
 WAVE Tool's Reference material on Orphaned form label may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-### WAVE Category
-Alert
-
-### WAVE Error
-Orphaned form label
-
-### What It Means
-A form label is present, but it is not correctly associated with a form control.
-
-### Why It Matters
-If a label is not associated with a control, screen reader users may not know the function or purpose of the form control.
-
-### What To Do
-If the label is for a form control that is present on the page, ensure that the for attribute of the label references the id value of the associated form control. If no form control is present, either remove the label or add the missing control.
-
-### The Algorithm... in English
-[REPLACE WITH WAVE CONTENT FOR The Algorithm... In English]
-
-### Standards and Guidelines
-A `<label>` element does not have a properly associated form control. A label must have a for attribute value that matches the id value of a form control, or it must surround the form control itself.
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: https://wave.webaim.org/api/docs?format=html#label_orphaned
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Alert
+    > ### WAVE Error
+    > Orphaned form label
+    > ### What It Means
+    > A form label is present, but it is not correctly associated with a form control.
+    > ### Why It Matters
+    > An incorrectly associated label does not provide functionality or information about the form control to the user. It usually indicates a coding or other form labeling issues.
+    > ### What To Do
+    > Properly associate the label with its corresponding form control. If there is no corresponding form control, remove the label. Labels are not appropriate for image, submit, reset, button, or hidden form controls.
+    > ### The Algorithm... in English
+    > A `<label>` element
+    > - does not surround a form control and the for attribute is missing/empty
+    > - references an element that is not present in the page
+    > - references an element that is not an <input>, <select> or <textarea> element
+    > - references an <input> element with image, submit, reset, button, or hidden type
+    > ### Standards and Guidelines
+    > - 1.1.1 Non-text Content (Level A)
+    > - 1.3.1 Info and Relationships (Level A)
+    > - 2.4.6 Headings and Labels (Level AA)
+    > - 3.3.2 Labels or Instructions (Level A)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/alert-possible-heading.md b/docs/known-issues-and-solutions/solutions-index/alert-possible-heading.md
index 35f1a1f0..6dde844e 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-possible-heading.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-possible-heading.md
@@ -15,32 +15,30 @@
 
 WAVE Tool's Reference material on Possible heading may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> Alerts
-> ### WAVE Error
-> Possible heading
-> ### What It Means
-> Text appears to be a heading but is not a heading element.
-> ### Why It Matters
-> Heading elements (`<h1>-<h6>`) provide important document structure, outlines, and navigation functionality to assistive technology users. If heading text is not a true heading, this information and functionality will not be available for that text.
-> ### What To Do
-> If the paragraph is a section heading, use a heading element instead (`<h1>-<h6>`).
-> ### The Algorithm... in English
-> A `<p>` element contains less than 50 characters and is either:
-> - 20 pixels or bigger
-> - 16 pixels or bigger and bold and/or italicized
-> ### Standards and Guidelines
-> - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
-> - [2.4.1 Bypass Blocks (Level A)](https://webaim.org/standards/wcag/checklist#sc2.4.1)
-> - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#heading_possible" target="_blank">https://wave.webaim.org/api/docs?format=html#heading_possible</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Alerts
+    > ### WAVE Error
+    > Possible heading
+    > ### What It Means
+    > Text appears to be a heading but is not a heading element.
+    > ### Why It Matters
+    > Heading elements (`<h1>-<h6>`) provide important document structure, outlines, and navigation functionality to assistive technology users. If heading text is not a true heading, this information and functionality will not be available for that text.
+    > ### What To Do
+    > If the paragraph is a section heading, use a heading element instead (`<h1>-<h6>`).
+    > ### The Algorithm... in English
+    > A `<p>` element contains less than 50 characters and is either:
+    > - 20 pixels or bigger
+    > - 16 pixels or bigger and bold and/or italicized
+    > ### Standards and Guidelines
+    > - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
+    > - [2.4.1 Bypass Blocks (Level A)](https://webaim.org/standards/wcag/checklist#sc2.4.1)
+    > - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/alert-redundant-link.md b/docs/known-issues-and-solutions/solutions-index/alert-redundant-link.md
index f9ddeb00..7f8abdb2 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-redundant-link.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-redundant-link.md
@@ -15,28 +15,26 @@
 
 WAVE Tool's Reference material on Redundant link may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> Alerts
-> ### WAVE Error
-> Redundant link
-> ### What It Means
-> Adjacent links go to the same URL.
-> ### Why It Matters
-> When adjacent links go to the same location (such as a linked product image and an adjacent linked product name that go to the same product page) this results in additional navigation and repetition for keyboard and screen reader users.
-> ### What To Do
-> If possible, combine the redundant links into one link and remove any redundant text or alternative text (for example, if a product image and product name are in the same link, the image can usually be given alt="").
-> ### The Algorithm... in English
-> Two adjacent links go to the same URL.
-> ### Standards and Guidelines
-> - [2.4.4 Link Purpose (In Context) (Level A)](https://webaim.org/standards/wcag/checklist#sc2.4.4)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#link_redundant" target="_blank">https://wave.webaim.org/api/docs?format=html#link_redundant</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Alerts
+    > ### WAVE Error
+    > Redundant link
+    > ### What It Means
+    > Adjacent links go to the same URL.
+    > ### Why It Matters
+    > When adjacent links go to the same location (such as a linked product image and an adjacent linked product name that go to the same product page) this results in additional navigation and repetition for keyboard and screen reader users.
+    > ### What To Do
+    > If possible, combine the redundant links into one link and remove any redundant text or alternative text (for example, if a product image and product name are in the same link, the image can usually be given alt="").
+    > ### The Algorithm... in English
+    > Two adjacent links go to the same URL.
+    > ### Standards and Guidelines
+    > - [2.4.4 Link Purpose (In Context) (Level A)](https://webaim.org/standards/wcag/checklist#sc2.4.4)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/alert-skipped-heading-level.md b/docs/known-issues-and-solutions/solutions-index/alert-skipped-heading-level.md
index e2529a00..eae89c5d 100644
--- a/docs/known-issues-and-solutions/solutions-index/alert-skipped-heading-level.md
+++ b/docs/known-issues-and-solutions/solutions-index/alert-skipped-heading-level.md
@@ -15,31 +15,28 @@
 
 WAVE Tool's Reference material on Skipped heading level may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> Alerts
-> ### WAVE Error
-> Skipped heading level
-> ### What It Means
-> A heading level is skipped.
-> ### Why It Matters
-> Headings provide document structure and facilitate keyboard navigation by users of assistive technology. These users may be confused or experience difficulty navigating when heading levels are skipped.
-> ### What To Do
-> Restructure the document headings to ensure that heading levels are not skipped.
-> ### The Algorithm... in English
-> A heading level is skipped (e.g., an `<h1>` is followed by an `<h3>`, with no intermediate `<h2>`). Note that an `<h1>` is not required to be the first heading within the document.
-> ### Standards and Guidelines
-> - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
-> -  [2.4.1 Bypass Blocks (Level A)](https://webaim.org/standards/wcag/checklist#sc2.4.1)
-> - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
-
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#heading_skipped" target="_blank">https://wave.webaim.org/api/docs?format=html#heading_skipped</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Alerts
+    > ### WAVE Error
+    > Skipped heading level
+    > ### What It Means
+    > A heading level is skipped.
+    > ### Why It Matters
+    > Headings provide document structure and facilitate keyboard navigation by users of assistive technology. These users may be confused or experience difficulty navigating when heading levels are skipped.
+    > ### What To Do
+    > Restructure the document headings to ensure that heading levels are not skipped.
+    > ### The Algorithm... in English
+    > A heading level is skipped (e.g., an `<h1>` is followed by an `<h3>`, with no intermediate `<h2>`). Note that an `<h1>` is not required to be the first heading within the document.
+    > ### Standards and Guidelines
+    > - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
+    > -  [2.4.1 Bypass Blocks (Level A)](https://webaim.org/standards/wcag/checklist#sc2.4.1)
+    > - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/aria-aria-label.md b/docs/known-issues-and-solutions/solutions-index/aria-aria-label.md
index cfb945a0..f1477cb2 100644
--- a/docs/known-issues-and-solutions/solutions-index/aria-aria-label.md
+++ b/docs/known-issues-and-solutions/solutions-index/aria-aria-label.md
@@ -15,32 +15,30 @@
 
 WAVE Tool's Reference material on ARIA label may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> ARIA
-> ### WAVE Error
-> ARIA label
-> ### What It Means
->An aria-label or aria-labelledby attribute is present.
-> ### Why It Matters
-> ARIA labels define accessible names to be read by screen readers for interface elements. They may be used when HTML associations (label, alternative text, etc.) are not sufficient.
-> ### What To Do
-> Ensure the aria-label value or element referenced by aria-labelledby provides a descriptive, accurate label. When possible, use standard HTML `<label>` or other markup to make the association.
-> ### The Algorithm... in English
-> An aria-label or aria-labelledby attribute is present.
-> ### Standards and Guidelines
-> - [1.1.1 Non-text Content (Level A)](https://webaim.org/standards/wcag/checklist#sc1.1.1)
-> - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
-> - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
-> - [4.1.2 Name, Role, Value (Level A)](https://webaim.org/standards/wcag/checklist#sc4.1.2)
-> - [2.5.3 Label in Name (Level A)](https://webaim.org/standards/wcag/checklist#sc2.5.3)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#aria_label" target="_blank">https://wave.webaim.org/api/docs?format=html#aria_label</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > ARIA
+    > ### WAVE Error
+    > ARIA label
+    > ### What It Means
+    >An aria-label or aria-labelledby attribute is present.
+    > ### Why It Matters
+    > ARIA labels define accessible names to be read by screen readers for interface elements. They may be used when HTML associations (label, alternative text, etc.) are not sufficient.
+    > ### What To Do
+    > Ensure the aria-label value or element referenced by aria-labelledby provides a descriptive, accurate label. When possible, use standard HTML `<label>` or other markup to make the association.
+    > ### The Algorithm... in English
+    > An aria-label or aria-labelledby attribute is present.
+    > ### Standards and Guidelines
+    > - [1.1.1 Non-text Content (Level A)](https://webaim.org/standards/wcag/checklist#sc1.1.1)
+    > - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
+    > - [2.4.6 Headings and Labels (Level AA)](https://webaim.org/standards/wcag/checklist#sc2.4.6)
+    > - [4.1.2 Name, Role, Value (Level A)](https://webaim.org/standards/wcag/checklist#sc4.1.2)
+    > - [2.5.3 Label in Name (Level A)](https://webaim.org/standards/wcag/checklist#sc2.5.3)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/contrast-errors-very-low-contrast.md b/docs/known-issues-and-solutions/solutions-index/contrast-errors-very-low-contrast.md
index c21f0df2..dd063c11 100644
--- a/docs/known-issues-and-solutions/solutions-index/contrast-errors-very-low-contrast.md
+++ b/docs/known-issues-and-solutions/solutions-index/contrast-errors-very-low-contrast.md
@@ -15,28 +15,26 @@
 
 WAVE Tool's Reference material on Very low contrast may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> Contrast Errors
-> ### WAVE Error
-> Very low contrast
-> ### What It Means
-> Very low contrast between text and background colors.
-> ### Why It Matters
-> Adequate contrast of text is necessary for all users, especially users with low vision.
-> ### What To Do
-> Increase the contrast between the foreground (text) color and the background color. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.
-> ### The Algorithm... in English
-> Text is present that has a contrast ratio less than 4.5:1, or large text (larger than 18 point or 14 point bold) has a contrast ratio less than 3:1. WCAG requires that page elements have both foreground AND background colors defined (or inherited) that provide sufficient contrast. When text is presented over a background image, the text must have a background color defined (typically in CSS) that provides adequate text contrast when the background image is disabled or unavailable. WAVE does not identify contrast issues in text with CSS transparency, gradients, or filters. WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
-> ### Standards and Guidelines
-> - [1.4.3 Contrast (Minimum) (Level AA)](https://webaim.org/standards/wcag/checklist#sc1.4.3)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#contrast" target="_blank">https://wave.webaim.org/api/docs?format=html#contrast</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Contrast Errors
+    > ### WAVE Error
+    > Very low contrast
+    > ### What It Means
+    > Very low contrast between text and background colors.
+    > ### Why It Matters
+    > Adequate contrast of text is necessary for all users, especially users with low vision.
+    > ### What To Do
+    > Increase the contrast between the foreground (text) color and the background color. Large text (larger than 18 point or 14 point bold) does not require as much contrast as smaller text.
+    > ### The Algorithm... in English
+    > Text is present that has a contrast ratio less than 4.5:1, or large text (larger than 18 point or 14 point bold) has a contrast ratio less than 3:1. WCAG requires that page elements have both foreground AND background colors defined (or inherited) that provide sufficient contrast. When text is presented over a background image, the text must have a background color defined (typically in CSS) that provides adequate text contrast when the background image is disabled or unavailable. WAVE does not identify contrast issues in text with CSS transparency, gradients, or filters. WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
+    > ### Standards and Guidelines
+    > - [1.4.3 Contrast (Minimum) (Level AA)](https://webaim.org/standards/wcag/checklist#sc1.4.3)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/error-broken-aria-reference.md b/docs/known-issues-and-solutions/solutions-index/error-broken-aria-reference.md
index 7f1cfa17..3bd36dd3 100644
--- a/docs/known-issues-and-solutions/solutions-index/error-broken-aria-reference.md
+++ b/docs/known-issues-and-solutions/solutions-index/error-broken-aria-reference.md
@@ -15,33 +15,27 @@
 
 Click to see the WAVE Tool's Reference material on Broken ARIA reference. These guidelines may not specifically address your problem, but they might provide context for getting started.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-### WAVE Category
-Error
-
-### WAVE Error
-Broken ARIA reference
-
-### What It Means
-An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist.
-
-### Why It Matters
-ARIA labels and descriptions will not be presented if the element referenced does not exist in the page.
-
-### What To Do
-Ensure the element referenced in the aria-labelledby or aria-describedby attribute value is present within the page and presents a proper label or description.
-
-### The Algorithm... in English
-An element has an aria-labelledby or aria-describedby value that does not match the id attribute value of another element in the page.
-
-### Standards and Guidelines
-- [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
-- [4.1.2 Name, Role, Value (Level A)](https://webaim.org/standards/wcag/checklist#sc4.1.2)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+   This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#aria_reference_broken" target="_blank">https://wave.webaim.org/api/docs?format=html#aria_reference_broken</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Error
+    > ### WAVE Error
+    > Broken ARIA reference
+    > ### What It Means
+    > An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist.
+    > ### Why It Matters
+    > ARIA labels and descriptions will not be presented if the element referenced does not exist in the page.
+    > ### What To Do
+    > Ensure the element referenced in the aria-labelledby or aria-describedby attribute value is present within the page and presents a proper label or description.
+    > ### The Algorithm... in English
+    > An element has an aria-labelledby or aria-describedby value that does not match the id attribute value of another element in the page.
+    > ### Standards and Guidelines
+    > - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
+    > - [4.1.2 Name, Role, Value (Level A)](https://webaim.org/standards/wcag/checklist#sc4.1.2)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/error-empty-button.md b/docs/known-issues-and-solutions/solutions-index/error-empty-button.md
index b56fb34c..4a4aaa7f 100644
--- a/docs/known-issues-and-solutions/solutions-index/error-empty-button.md
+++ b/docs/known-issues-and-solutions/solutions-index/error-empty-button.md
@@ -15,35 +15,27 @@
 
 WAVE Tool's Reference material on Empty Button may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-### WAVE Category
-Error
-
-### WAVE Error
-Empty Button
-
-### What It Means
-A button is empty or has no value text.
-
-### Why It Matters
-When navigating to a button, descriptive text must be presented to screen reader users to indicate the function of the button.
-
-### What To Do
-Place text content within the `<button>` element or give the `<input>` element a value attribute.
-
-### The Algorithm... in English
-A `<button>` element is present that contains no text content (or alternative text), or an `<input type="submit">`, `<input type="button">`, or `<input type="reset">` has an empty or missing value attribute.
-
-### Standards and Guidelines
-- 1.1.1 Non-text Content (Level A)
-- 2.4.4 Link Purpose (In Context) (Level A)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#button_empty" target="_blank">https://wave.webaim.org/api/docs?format=html#button_empty</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Error
+    > ### WAVE Error
+    > Empty Button
+    > ### What It Means
+    > A button is empty or has no value text.
+    > ### Why It Matters
+    > When navigating to a button, descriptive text must be presented to screen reader users to indicate the function of the button.
+    > ### What To Do
+    > Place text content within the `<button>` element or give the `<input>` element a value attribute.
+    > ### The Algorithm... in English
+    > A `<button>` element is present that contains no text content (or alternative text), or an `<input type="submit">`, `<input type="button">`, or `<input type="reset">` has an empty or missing value attribute.
+    > ### Standards and Guidelines
+    > - 1.1.1 Non-text Content (Level A)
+    > - 2.4.4 Link Purpose (In Context) (Level A)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/error-empty-table-header.md b/docs/known-issues-and-solutions/solutions-index/error-empty-table-header.md
index 66139ee7..ece8ab14 100644
--- a/docs/known-issues-and-solutions/solutions-index/error-empty-table-header.md
+++ b/docs/known-issues-and-solutions/solutions-index/error-empty-table-header.md
@@ -15,32 +15,26 @@
 
 WAVE Tool's Reference material on Empty Table Header may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-### WAVE Category
-Error
-
-### WAVE Error
-Empty Table Header
-
-### What it Means
-A `<th>` (table header) contains no text.
-
-### Why It Matters
-The `<th>` element helps associate table cells with the correct row/column headers. A `<th>` that contains no text may result in cells with missing or incorrect header information.
-
-### What To Do
-If the table cell is a header, provide text within the cell that describes the column or row. If the cell is not a header or must remain empty (such as the top-left cell in a data table), make the cell a `<td>` rather than a `<th>`.
-
-### The Algorithm In English
-A `<th>` element does not contain any text (or contains only spaces) and no images with alternative text.
-
-### Standards and Guidelines
-- [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#th_empty" target="_blank">https://wave.webaim.org/api/docs?format=html#th_empty</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Error
+    > ### WAVE Error
+    > Empty Table Header
+    > ### What it Means
+    > A `<th>` (table header) contains no text.
+    > ### Why It Matters
+    > The `<th>` element helps associate table cells with the correct row/column headers. A `<th>` that contains no text may result in cells with missing or incorrect header information.
+    > ### What To Do
+    > If the table cell is a header, provide text within the cell that describes the column or row. If the cell is not a header or must remain empty (such as the top-left cell in a data table), make the cell a `<td>` rather than a `<th>`.
+    > ### The Algorithm In English
+    > A `<th>` element does not contain any text (or contains only spaces) and no images with alternative text.
+    > ### Standards and Guidelines
+    > - [1.3.1 Info and Relationships (Level A)](https://webaim.org/standards/wcag/checklist#sc1.3.1)
 
 ## Example of a DOM Snippet Generated From WAVE Tool
 
diff --git a/docs/known-issues-and-solutions/solutions-index/error-missing-form-label.md b/docs/known-issues-and-solutions/solutions-index/error-missing-form-label.md
index 6f9645b8..62246bce 100644
--- a/docs/known-issues-and-solutions/solutions-index/error-missing-form-label.md
+++ b/docs/known-issues-and-solutions/solutions-index/error-missing-form-label.md
@@ -15,42 +15,33 @@
 
 WAVE Tool's Reference material on Missing Form Label may not specifically address your problem.  We provide it here for optional reading.
 
-<details><summary>Click to see WAVE Tool Reference</summary>
-<p>
-
-<!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
-
-> ### WAVE Category
-> Error
-> 
-> ### WAVE Error
-> Missing form label
-> 
-> ### What It Means
-> A form control does not have a corresponding label.
-> 
-> ### Why It Matters
-> If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls.
-> 
-> ### What To Do
-> If a text label for a form control is visible, use the `<label>` element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptive title attribute to the form control, or reference the label(s) using aria-labelledby. Labels are not required for image, submit, reset, button, or hidden form controls.
-> 
-> ### The Algorithm... in English
-> An `<input>` (except types of image, submit, reset, button, or hidden), `<select>`, or `<textarea>` does not have a properly associated label. A properly associated label is:
-> 
-> - a non-hidden `<label>` element with a for attribute value that is equal to the id of a unique form control
-> - a `<label>` element that surrounds the form control, does not surround any other form controls, and does not reference another element with its for attribute
-> - a non-empty title attribute, or
-> - a non-empty aria-labelledby attribute
-> 
-> ### Standards and Guidelines
-> - 1.1.1 Non-text Content (Level A)
-> - 1.3.1 Info and Relationships (Level A)
-> - 2.4.6 Headings and Labels (Level AA)
-> - 3.3.2 Labels or Instructions (Level A)
-
-</p>
-</details> 
+??? Info "Click to see WAVE Tool Reference"
+
+    This content added 2026-02-26. Check for updated guidance at: <a href="https://wave.webaim.org/api/docs?format=html#label_missing" target="_blank">https://wave.webaim.org/api/docs?format=html#label_missing</a>
+
+    <!-- Note For Wiki Author: WAVE Tool text content will use text that break markdown generation for the details dropdown. If the copy/pasted text includes angle brackets, surround them with backticks to avoid this problem. -->
+
+    > ### WAVE Category
+    > Error
+    > ### WAVE Error
+    > Missing form label
+    > ### What It Means
+    > A form control does not have a corresponding label.
+    > ### Why It Matters
+    > If a form control does not have a properly associated text label, the function or purpose of that form control may not be presented to screen reader users. Form labels also provide visible descriptions and larger clickable targets for form controls.
+    > ### What To Do
+    > If a text label for a form control is visible, use the `<label>` element to associate it with its respective form control. If there is no visible label, either provide an associated label, add a descriptive title attribute to the form control, or reference the label(s) using aria-labelledby. Labels are not required for image, submit, reset, button, or hidden form controls.
+    > ### The Algorithm... in English
+    > An `<input>` (except types of image, submit, reset, button, or hidden), `<select>`, or `<textarea>` does not have a properly associated label. A properly associated label is:
+    > - a non-hidden `<label>` element with a for attribute value that is equal to the id of a unique form control
+    > - a `<label>` element that surrounds the form control, does not surround any other form controls, and does not reference another element with its for attribute
+    > - a non-empty title attribute, or
+    > - a non-empty aria-labelledby attribute
+    > ### Standards and Guidelines
+    > - 1.1.1 Non-text Content (Level A)
+    > - 1.3.1 Info and Relationships (Level A)
+    > - 2.4.6 Headings and Labels (Level AA)
+    > - 3.3.2 Labels or Instructions (Level A)
 
 ## Example of a DOM Snippet Generated From WAVE Tool