Store Locator: Enjoy accessibility improvements

Our devs released a bunch of accessibility enhancements to the Store Locator app :hammer_and_wrench:

  • Keyboard navigation in the location list
    Each row now has a single focusable element (the location name) with role="button", an appropriate aria-label, Enter/Space support, and aria-expanded when the details card is open. The unnecessary tabIndex has been removed from the card.

  • Location preview links
    Phone numbers, email addresses, and website links now work as expected opening the relevant app or page instead of opening the location details card.

  • Map markers
    Each marker now has a unique aria-label (<name> location), while the user location marker is labeled Your location.

  • Location details card
    The location name is now announced as a heading (role="heading", aria-level="2") for better screen reader support.


Back to Changelog →

2 Likes