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

What comes once in a minute, twice in a moment, but never in a thousand years?

The letter M

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