added accessibility features on header

CodeStitchOfficial / Intermediate-Website-Kit-SASS

The official CodeStitch Intermediate kit, featuring 11ty, Decap CMS and SASS - all set up for you! Perfect for websites of all sizes.

Creative Commons Zero v1.0 Universal

767 stars 208 forks source link

Closed BuckyBuck135 closed 5 months ago

BuckyBuck135 commented 5 months ago

Hi Ethan, This PR makes changes to make navigation more accessible.

header.html - Using semantic elements and aria-attributes more appropriately
nav.js - making keyboard navigation more accessible, and fixing bugs with aria-expanded
root.css - focus styles and removed some declarations interfering with mobile

Please let me know what you think! Geoffrey