Lullabot / lb-ebook-poc

ISC License
0 stars 0 forks source link

Arrow navigation markup #39

Closed claireristow closed 2 months ago

claireristow commented 2 months ago

The arrow navigation could be improved with some different markup. Consider using a <nav aria-label="E-book arrow navigation"> element with that aria-label.

As sighted mouse users, the page reloads and our mouse can easily flip between pages quickly. Screen reader users will be brought back to the top of the page with every reload and have to navigate all the way down the page to reach the arrows again. By making it a <nav> element, they can quickly jump to the arrows to get around quickly. +1 for semantic HTML!

Eg. https://ebooks.lullabot.com/ebooks/jponch-sample/chapters/chapter-1/

Screenshot 2024-07-17 at 11 16 52 AM

sirkitree commented 2 months ago

DubBot also pointed this out: image