Component

Visually hidden

Also known as: Screenreader only

Invisible text used to provide extra context for users of assistive technology.

11 Examples

Filter:

  • Offscreen

    Cauldron

    Tech

    • React
    • CSS

    Features

    • Code examples
    • Usage guidelines
    • Accessibility
    • Open source

  • Visually Hidden

    Chakra UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Open source

  • Visually Hidden

    Duet Design System

    Tech

    • Angular
    • Vue
    • React

    Features

    • Code examples

  • Visually hidden

    generic-components

    Tech

    • Web Components

    Features

    • Code examples
    • Accessibility
    • Open source

  • ScreenReaderContent

    Instructure-UI

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Accessibility
    • Open source

  • Visible, Hidden & ScreenReaderOnly

    NewsKit

    Tech

    • React
    • CSS-in-JS

    Features

    • Code examples
    • Usage guidelines
    • Open source

  • Visually hidden

    Nord Design System

    Tech

    • Web Components

    Features

    • Code examples
    • Usage guidelines

  • Screen Reader Only

    Paste

    Tech

    • React
    • CSS-in-JS

    Features

    • Usage guidelines
    • Code examples
    • Tone of voice
    • Accessibility
    • Open source

  • Visually Hidden

    Reach UI

    Tech

    • React

    Features

    • Accessibility
    • Code examples
    • Open source

  • VisuallyHidden

    Reakit

    Tech

    • React

    Features

    • Code examples
    • Open source
    • Accessibility

  • Screen Reader Only

    Seek style guide

    Tech

    • React

    Features

    • Code examples
    • Unmaintained

Resources

  • Hiding content responsibly

    By Kitty Giraudel

Name distribution