Accessibility is a big deal right now and for good reason. Let’s work together to make the Internet a better place for those with disabilities who require the use of a screen reader.
The upcoming Ludwig Genesis child theme will have some important accessibility improvements included. Our other themes will be updated to include them shortly as well as all future themes. The small amount of added code is well worth the benefit in this case.
One of those improvements changes the “read more” links to include the title of the post. Including the post title allows a screen reader to read the title out loud, giving context in regards to where the link goes, while the screen-reader-text class hides the extra text from view.
Thank you to Rian Rietveld and her The screen-reader-text class, why and how? article for the screen-reader-text class and info used here.
If your theme does not already include the screen-reader-text class, add the code below to your stylesheet.
The code snippet below should be added to your child theme’s functions.php file to change the “Read more” link to include the post title wrapped in the screen-reader-text class so that it is not visible on the front end but is read out loud by screen readers.