I’m currently focusing on accessibility for the sidebar I made for an App. It behaves as a “slide-out” meaning the content is still inside the dom, even when the sidebar is not visible. To ensure SR will not go through the sidebar when it’s closed, I added a aria-hidden. Now, while adding aria-controls and aria-expanded to the button, i noticed this in the chrome DevTools (Elements > Accessibility):

In our Frontend we’re displaying toast notifications to the user in order to inform about status updates like tasks finished successfully or error notifications due to failed fetch operations.

I am working on adding accessibility to a website.
Now I know that aria-labels, aria-labelledby, etc are meant to give accessible names to interactive type of elements as clearly mentioned in this blog. Hence, they may not work consistently with elements of type p, span, etc.