DEV Community

Discussion on: Handling route changes in React, accessibly

Collapse
 
s_aitchison profile image
Suzanne Aitchison

Every page in your app should have an H1 - it's a really important landmark for users, especially those using screen readers.

If your design means that you really need the H1 to not look like an H1, then of course it could be styled with CSS to make it appear similar to other page text. Another option would be to display it off screen altogether using CSS, but I'd question carefully whether you need to do that. Having a clear H1 element at the top of your page helps all users, not just those using assistive technology 🙂