@reach/visually-hidden NPM | npm.io

0.18.0 • Published 2 years ago

Install

Weekly downloads

228,484

License

MIT

Repository

Last release

2 years ago

@reach/visually-hidden

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>
	);
}

@reach/polymorphic

@frago12/composition-portals componentsss webcomponent-tooltip-test gatsby-universal @sellics/ui-kit gatsby-theme-fierce-vanilla theme-gatsby-shopify gatsby-theme-providence @lendi-ui/font @djaciel/react-components @testing-ui/core @infinitebrahmanuniverse/nolb-_reach @everything-registry/sub-chunk-763 @mabi-ui/badge componentss csb-components customize-easy-ui-storybook @dtribe/react-components @dungle-scrubs/gatsby-shopify-theme new-reach-ui @frattaro/unpkg-server @forabi/react-week-scheduler @front10/card @front10/lab @front10/base-elements @ekafyi/gatsby-theme-musician mex-ui @firepress/ui @firepress/cms @financeful-eng/system @firestudio/ui @hashicorp/react-combobox @hashicorp/react-pricing-features @hashicorp/react-pricing-tier-table @hashicorp/react-search @hashicorp/react-tier-table @hashicorp/react-video-button @interactivethings/visualize-app @istreamplanet/pebble @iampava-devtools-ds/diagnostic @getsynapse/design-system @gatsbystorefront/gatsby-theme-storefront-shopify @seamonster-studios/bs-reach @steedos-labs/unpkg @steedos/ee_unpkg @repay/cactus-web sancho @rasahq/react-tabula @revityactive/react-week-scheduler @raid-ui/hidden @remotelock/react-week-scheduler @smplslaps/gatsby-theme-storefront-shopify pixore @lendi/ui @umich-lib/text-input @umich-lib-ui/text-input @wooy/react-components @types/reach__visually-hidden gatsby-theme-benrobertson gatsby-theme-musician gatsby-theme-netlify-identity gatsby-theme-docs-system gatsby-theme-simple-shopify @reach/alert @reach/tooltip @mip-studio/components @newfrontdoor/calendar @novvum/gatsby-theme-auth @octagen/pl-uikit-mjml @onrecess/playground @paul-bfi/bfi-design-system react-weekly-schedule react-weekly-scheduler react-week-scheduler-forked @losslessproject/react-components @microsoft/arbutus.theme-switch @microsoft/arbutus.action-list-tile @microsoft/arbutus.command reach-ui-fork @pooltogether/react-components react-revised-week-scheduler @mad-js-dev/custom-uikit-workshop-mad-js-dev @play4them/design-system @play4them/fresco @vmundhra/gatsby-theme-storefront-shopify @vojtaholik/gatsby-theme-simplecast bs-reach jobiqo-cl week-schedule week-scheduler-react @cloudexible/gatsby-theme-storefront-shopify unpkg-server @avsssai/unpkg-server greact-week-scheduler @zalastax/nolb-_reach gfd-react-week-scheduler @codesandbox/components @colisweb/reason-toolkit @coinjoss-ui/core @convertkit/design

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago