One of my client's sites are in Hebrew which is a right-to-left language.
I'm using the MH Newsdesk Lite theme found on wordpress.org . The theme is using a core wordpress generated class .screen-reader-text{}
to display the search form with get_search_form()
.
The issue is there's text, specifically "חפס", overflowing off the page on the left. I believe this is due to the fact that it's being displayed in rtl language. I want to make it so the homepage (And possibly some of the other pages and posts, too), never scroll to the x-axis. What is the best practice for theme developers and users of these theme to use .screen-reader-text{}
while maintaining accessibility and not messing up the display (like the page scrolling horizontally in my case)?
Here are some links I've found that are relevant: https://make.wordpress.org/accessibility/tag/screen-reader/ https://make.wordpress.org/themes/2015/01/26/supporting-screen-reader-text/
.screen-reader-text
is a wordpress "core" class so it belongs here in my opinion.