A11Y: Communicate active/selected state of navigation/selection elements

[trm217]

Description

Links and Buttons used for the page state musst share which link/button must communicate the active state for screen readers.
There are two variants for this:

• The A11Y-review suggested the following approach.
• Additionally we should also add the aria-current. See mdn-docs
• (This might need some more research on how we utilise links, but in general we could automatically set aria-current="page" on every link that has a href that matches window.location.)

Todo

• Comment sort- and filter-links must communicate the active state

• The navigation must communicate the active page

• Selected payments-option must be communicated