Get unlimited public & private packages + team-based management with npm Teams.Learn more »

@reach/visually-hidden

0.8.2 • Public • Published

@reach/visually-hidden

Stable release MIT license

Docs | Source | Origin | Further reading

Provides text for screen readers that is visually hidden. It is the logical opposite of the aria-hidden attribute.

In the following example, screen readers will announce "Save" and will ignore the icon; the browser displays the icon and ignores the text.

import VisuallyHidden from "@reach/visually-hidden";
 
function Example() {
  return (
    <button>
      <VisuallyHidden>Save</VisuallyHidden>
      <span aria-hidden>💾</span>
    </button>
  );
}

Keywords

none

Install

npm i @reach/visually-hidden

DownloadsWeekly Downloads

44,324

Version

0.8.2

License

MIT

Unpacked Size

13.8 kB

Total Files

11

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar