NVDA reading modal items multiple times

Hey everyone. I have been working a modal mobile menu and trying to use NVDA to make sure it's accessible for screen readers but whenever I go to open the modal I get some really strange behaviour where it reads everything within the modal multiple times (see the log below). I have tried assigning custom aria-labels to things but nothing really seems to be working. Anyone else run into these issues? It also happens on both Chrome and Firefox

here is a link to the repo if anyone wants to try it : https://github.com/Chris-Wagg-Frontend-Mentor-Projects/news-homepage

banner landmark    navigation landmark    button    open menu
open menu  button  
dialog  Home
Home
New
New
Popular
Popular
Trending
Trending
Categories
Categories
close menu  button  
button    close menu
visited  link    Home
visited  link    New
visited  link    Popular
visited  link    Trending
visited  link    Categories
GitHub
Contribute to Chris-Wagg-Frontend-Mentor-Projects/news-homepage development by creating an account on GitHub.
Was this page helpful?