make page navigator accessible - Githubissues

nature-of-code / Nature-of-Code-Website-Archive

Repo for web files for nature of code

https://noc-processing-archive.netlify.app/

111 stars 21 forks source link

make page navigator accessible #30

Closed D31F43 closed 1 year ago

D31F43 commented 5 years ago

I did the following change to make /book page more accessible especially for VoiceOver:

Add a description for list of table of content so that VoiceOver can hit users what list they are accessing.

Improve the user experience of top navigator bar. Originally, User can focus but can see nothing since all buttons are covered by an upper division (figure 1). Now, users can see what is selected if (and only if) they use VoiceOver buttons to focus that button (figure 2), otherwise these buttons are hidden as original.

shiffman commented 1 year ago

Apologies that this was never addressed! I am working on a new website and 2nd edition which will hopefully have a much more accessible design. See https://github.com/nature-of-code/book-website-2nd-edition for it in progress.