Update links on page 5, part 1

Lullabot · Feb 5, 2025 · 1aec3d2 · 1aec3d2
1 parent fd74394
commit 1aec3d2
Showing 1 changed file with 25 additions and 25 deletions.
diff --git a/src/ebooks/how-to-web-accessibility-audit/pages/page-5.md b/src/ebooks/how-to-web-accessibility-audit/pages/page-5.md
@@ -10,41 +10,41 @@ Make sure your website works for everyone by checking these key areas:
 
 1. **Screen reader:** Test with popular screen readers like JAWS, NVDA, or VoiceOver. Ensure all elements provide context, can be* accessed easily, and don’t “trap” users.
 2. **Keyboard:** Ditch the mouse and navigate only with your keyboard. Note the elements you cannot access or interact with, and watch for lost focus—it may signal a missing focus state or movement to a hidden element.
-    a. WCAG 2.2 Level A: Keyboard https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html 
-    b. WCAG 2.2 Level A: No Keyboard Trap https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap.html
+    a. [WCAG 2.2 Level A: Keyboard](https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html)
+    b. [WCAG 2.2 Level A: No Keyboard Trap](https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap.html)
 3. **Usability & flow:** Is everything intuitive and predictable? Buttons should look and function like buttons, links should look and function like links, and so on. Check the tab order to ensure a smooth, logical experience.
-    a. WCAG 2.2 Level A: Focus Order https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html 
+    a. [WCAG 2.2 Level A: Focus Order](https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html)
 4. **Forms:** Ensure all forms have the appropriate semantic elements and attributes and have a label to provide context. If a captcha is used, be sure there are alternatives to accommodate different disabilities.
-    a. WCAG 2.2 Level A: Info and Relationships https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html 
-    b. WCAG 2.2 Level AA: Headings and Labels https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels.html 
-    c. WCAG 2.2 Level A: Non-text Content https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html 
+    a. [WCAG 2.2 Level A: Info and Relationships](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html)
+    b. [WCAG 2.2 Level AA: Headings and Labels](https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels.html)
+    c. [WCAG 2.2 Level A: Non-text Content](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html)
 5. **Dialog boxes and popups:** Make sure dialogs are accessible by using proper semantic elements and managing focus—moving it in when opened, looping within, and returning it when closed.
-    a. WCAG 2.2 Level A: Info and Relationships https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html 
-    b. WCAG 2.2 Level A: Keyboard https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html 
-    c. WCAG 2.2 Level A: No Keyboard Trap https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap.html 
+    a. [WCAG 2.2 Level A: Info and Relationships](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html)
+    b. [WCAG 2.2 Level A: Keyboard](https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html)
+    c. [WCAG 2.2 Level A: No Keyboard Trap](https://www.w3.org/WAI/WCAG22/Understanding/no-keyboard-trap.html)
 6. **Multimedia:** Make media accessible—audio should have transcripts, videos should have captions and descriptions along with pause options for autoplay, and all text-based graphics should have alt text.
-    a. WCAG 2.2 Level A: Audio-only and Video-only (Prerecorded) https://www.w3.org/WAI/WCAG22/Understanding/audio-only-and-video-only-prerecorded.html 
-    b. WCAG 2.2 Level A: Captions (Prerecorded) https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded.html 
-    c. WCAG 2.2 Level A: Audio Description or Media Alternative (Prerecorded) https://www.w3.org/WAI/WCAG22/Understanding/audio-description-or-media-alternative-prerecorded.html 
-    d. WCAG 2.2 Level A: Captions (Live) https://www.w3.org/WAI/WCAG22/Understanding/captions-live.html 
-    e. WCAG 2.2 Level A: Audio Description (Prerecorded) https://www.w3.org/WAI/WCAG22/Understanding/audio-description-prerecorded.html
+    a. [WCAG 2.2 Level A: Audio-only and Video-only (Prerecorded)](https://www.w3.org/WAI/WCAG22/Understanding/audio-only-and-video-only-prerecorded.html) 
+    b. [WCAG 2.2 Level A: Captions (Prerecorded)](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded.html)
+    c. [WCAG 2.2 Level A: Audio Description or Media Alternative (Prerecorded)](https://www.w3.org/WAI/WCAG22/Understanding/audio-description-or-media-alternative-prerecorded.html)
+    d. [WCAG 2.2 Level A: Captions (Live)](https://www.w3.org/WAI/WCAG22/Understanding/captions-live.html)
+    e. [WCAG 2.2 Level A: Audio Description (Prerecorded)](https://www.w3.org/WAI/WCAG22/Understanding/audio-description-prerecorded.html)
 7. **Links and buttons:** Make sure links and buttons use the correct semantic elements and have text that provides enough context to describe the link or action.
-    a. WCAG 2.2 Level A: Info and Relationships https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html 
-    b. WCAG 2.2 Level A: Link Purpose (In Context) https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html 
-    c. WCAG 2.2 Level AAA: Link Purpose (Link Only) https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-link-only.html 
+    a. [WCAG 2.2 Level A: Info and Relationships](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html)
+    b. [WCAG 2.2 Level A: Link Purpose (In Context)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html) 
+    c. [WCAG 2.2 Level AAA: Link Purpose (Link Only)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-link-only.html)
 8. **Logical headings:** Use headings correctly—there should only be one H1 per page, and they should follow a logical order. This helps screen reader users navigate efficiently.
-    a. WCAG 2.2 Level A: Info and Relationships https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html 
-    b. WCAG 2.2 Level A: Bypass Blocks https://www.w3.org/WAI/WCAG22/Understanding/bypass-blocks.html 
+    a. [WCAG 2.2 Level A: Info and Relationships](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html)
+    b. [WCAG 2.2 Level A: Bypass Blocks](https://www.w3.org/WAI/WCAG22/Understanding/bypass-blocks.html) 
 9. **Skip navigation links:** The “skip to main content” link should be the first focusable element on the page, helping users skip past the main menu.
-    a. WCAG 2.2 Level A: Bypass Blocks https://www.w3.org/WAI/WCAG22/Understanding/bypass-blocks.html 
+    a. [WCAG 2.2 Level A: Bypass Blocks](https://www.w3.org/WAI/WCAG22/Understanding/bypass-blocks.html)
 10. **Images:** Add alt text to all images—use empty alt for decorative ones. You should avoid text in images, but if needed, include it in the alt text.
-    a. WCAG 2.2 Level A: Non-text Content https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html 
-    b. WCAG 2.2 Level AA: Images of text https://www.w3.org/WAI/WCAG22/Understanding/images-of-text.html 
+    a. [WCAG 2.2 Level A: Non-text Content](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html)
+    b. [WCAG 2.2 Level AA: Images of text](https://www.w3.org/WAI/WCAG22/Understanding/images-of-text.html)
 11. **Data tables:** Ensure tables have necessary column and row headings, groups, captions, and summaries to aid navigation for all users.
-    a. WCAG 2.2 Level A: Info and Relationships https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html
-    b. WCAG 2.2 Level A: Sensory Characteristics https://www.w3.org/WAI/WCAG22/Understanding/sensory-characteristics.html 
+    a. [WCAG 2.2 Level A: Info and Relationships](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html)
+    b. [WCAG 2.2 Level A: Sensory Characteristics](https://www.w3.org/WAI/WCAG22/Understanding/sensory-characteristics.html)
 12. **iFrame titles:** Include descriptive title attributes for iFrames on the page.
-    a. WCAG 2.2 Level AA: Heading and Labels https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels.html 
+    a. [WCAG 2.2 Level AA: Heading and Labels](https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels.html)
 13. **Colors and contrast:** Ensure text has at least 4.5:1 contrast with the background, and UI elements meet a 3:1 ratio. Don’t rely on color alone to show actions—use additional cues.
     a. WCAG 2.2 Level AA: Contrast (Minimum) https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html 
     b. WCAG 2.2 Level A: Use of Color https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html