[ARCHIVED] Is there a class in Canvas's CSS for screen reader only text?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Is there a class in Canvas's CSS for screen reader only text? There are instances where my course would be more accessible if I could add text that would only display for screen readers. WebAIM describes this well in their document "Invisible Content Just for Screen Reader Users."
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Yes, there is! It's the screenreader-only class. Here's a quick example on how it can be used:
<div id="content">
<p>This is the content displayed on the screen.</p>
<p class="screenreader-only">This is the content that will only come up on a screen reader.</p>
</div>
It should also be noted that the class is not restricted to a single tag name. It can be applied to any element containing text (i.e., SPAN, TD, LI, etc.).
This discussion post is outdated and has been archived. Please use the Community question forums and official documentation for the most current and accurate information.