TAN-7702 a11y: cookie modal issue

[luucvanderzee]

Changelog

Fixed

• a11y: cookie modal content is now read out

[notion-workspace]

a11y - cookie modal banner

[luucvanderzee]

@amirabayoumi could you quickly test if this works ok on your machine? With screenreader on, open the application, delete the cookies (DevTools > Application tab > Cookies > Control + click and clear), and refresh to see the consent modal. If everything is ok, it should read out the text in the modal and not immediately focus on the button. Thank you :)

[amirabayoumi]

@luucvanderzee The current auto-focus behavior on the title when the modal opens is great.
But as I understand it, it would be a better accessibility pattern if the aria-label only contains the header title, for example: “Your cookie preferences - {organization name}”.

Right now, the label also includes “Accepting cookies helps us improve this platform. Read our cookie policy.”, and then the next tab stop reads “Read our cookie policy” again as a link. This creates duplicated announcements for screen reader users.

Keeping the additional text in the modal content instead of the aria-label would allow the content to be read more naturally, section by section.