I have created an accessible priority menu based on this example: https://www.codementor.io/@marys/flexbo ... 1bussno6uj.
I have also added a login feature for three types of users. The nav component changes, showing the menu options based on who logs in. What is the best way to tell a blind or low-vision user that the menu has changed? I've implemented an aria-live region for the nav component, but NDVA quickly announced the menu text, which is not beneficial. I may be on the right track, but implemented it incorrectly.
Upon a successful login, users return to the index page where the menu items appear. Since this is a redirect, should NDVA start reading the page from the top and include the menu items? Sometimes, NDVA will announce the reflected menu items, and sometimes not. Is this acceptable, or can it be improved upon? How?
To view a demo, visit https://rpcorr-mega-menus-v2.netlify.app/about.html
To log in, use either "user1", "user2", or "user3". The password can be any value as it is currently not checked.
Nav element on logged out:
Nav element when a user is signed in:
[*]Portfolio [*]Resources [*]Contact [*]Logout user3[*]
Источник: https://stackoverflow.com/questions/780 ... fter-login