WordPress / developer-blog-content

In this GitHub space, WordPress team coordinate content to be published on the Developer Blog. Discussion and montly meetings (first Thu) in WP Slack #core-dev-blog
36 stars 2 forks source link

Adding a "screen reader text" block option via themes #193

Open justintadlock opened 6 months ago

justintadlock commented 6 months ago

Discussed in https://github.com/WordPress/developer-blog-content/discussions/181

Originally posted by **justintadlock** December 13, 2023 Currently, the best way to mark a Heading, Paragraph, or other block to only be shown to screen readers is to add the `.screen-reader-text` class via the **Advanced** tab. What if there was a more user-friendly way? Maybe a simple toggle switch in the block settings? Building off the [Beyond Block Styles](https://developer.wordpress.org/news/tag/beyond-block-styles/) tutorial series, I'd like to explore how we can add something a little simpler that could have a potentially big impact for folks who need the ability to mark text for screen readers only.