Summary

These updates align with accessibility best practices.

1. Add aria attributes to sidebar toggle to indicate expanded/collapsed state
2. Add aria attributes to indicate current page

Before

• No indication of current page in sidebar navigation
• Sidebar toggle does not indicate purpose or current state

After

• Current page is indicated in sidebar navigation
• Sidebar toggle indicated purpose and current state

Tip: Use built-in screen readers for testing on macOS and Windows

macOS VoiceOver

VoiceOver User Guide

1. Turn VoiceOver on. ⌘ + F5
2. Open the Rotor CTRL + ⌥ + U
3. Use the ← and → arrow keys until you reach the "Landmark" list.
4. Navigate the list using the ↑ and ↓ arrow keys.
5. Press ↵ or SPACE to select to jump to the current item (rotor closes afterwards).

Windows Narrator

Complete guide to Narrator

1. Press the Windows key + Ctrl + Enter together to start Narrator. Press these keys again to stop Narrator. On many keyboards, the Windows logo key is located on the bottom row of keys, to the left or right of the Alt key.
2. Press the Windows key + Ctrl + N to open Narrator settings, and then turn on the toggle under Use Narrator.

Related issue, if any:

#658
#2226

What kind of change does this PR introduce?

• Feature

Does this PR introduce a breaking change?

No

Tested in the following browsers:

• Chrome
• Firefox
• Safari
• Edge