Screen reader only

Use when you need to hide elements visually, but it needs to be read by screen reader.

  • Install
    npm install @pluralsight/ps-design-system-screenreaderonly
  • Import
    import ScreenReaderOnly from '@pluralsight/ps-design-system-screenreaderonly'

Examples

import ScreenReaderOnly from '@pluralsight/ps-design-system-screenreaderonly'
import React from 'react'
const Example: React.FC = () => (
<div>
<p>
What comes once in a minute, twice in a moment, but never in a thousand years?
<ScreenReaderOnly>The letter M</ScreenReaderOnly>
</p>
</div>
)
export default Example