Addressing keyboard navigation problems with dropdowns and other minor accessibility issues with the CodeStitch Navigation Element.
- Modifying CodeStitch 1530.
- Using the W3C Disclosure Pattern
- Referencing the APG Example Disclosure Navigation Menu
- It may be worth creating an alternate option for dropdown menus with a top-level link using this Example Pattern from the Example Disclosure Navigation Menu with Top-Level Links
- Similar menu I built using Alpine.js
- YouTube Video Walkthrough
- Alpine.js Dropdown Component
- GitHub Project for the Alpine.js menu
Other noted issues include:
- Needs a skip to main link at the beginning of the page
- Need labels for social icon links
- Needs a span with sr-only text for social icons (some screen readers won't read the label)
- May find other things as I look deeper...