@reach/visually-hidden NPM | npm.io

0.18.0 • Published 3 years ago

Install

Weekly downloads

228,484

License

MIT

Repository

Last release

3 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 week-schedule week-scheduler-react windups-dialogue vo-unpkg @bolt/uikit-workshop jobiqo-cl hellobagus @vojtaholik/gatsby-theme-simplecast @wooy/react-components @umich-lib/text-input @umich-lib-ui/text-input @types/reach__visually-hidden @vmundhra/gatsby-theme-storefront-shopify @zalastax/nolb-_reach @cloudexible/gatsby-theme-storefront-shopify @hashicorp/react-combobox @hashicorp/react-search @hashicorp/react-pricing-features @hashicorp/react-pricing-tier-table @hashicorp/react-tier-table @hashicorp/react-video-button @codesandbox/components @alphalets-ui/core @coinjoss-ui/core @colisweb/reason-toolkit @convertkit/design @convertkit/editor @convertkit/editor-buttons @convertkit/editor-links @convertkit/editor-videos @baseplate-sdk/web-app @bewweb/uikit-workshop-ecas @cabezonidas/shop-ui unpkg-server @losslessproject/react-components @istreamplanet/pebble @lendi/ui @newfrontdoor/calendar @pooltogether/react-components @paul-bfi/bfi-design-system @play4them/design-system @play4them/fresco @remotelock/react-week-scheduler @repay/cactus-web @seamonster-studios/bs-reach @revityactive/react-week-scheduler mex-ui reach-ui-fork sancho new-reach-ui pixore react-revised-week-scheduler react-weekly-schedule react-weekly-scheduler react-week-scheduler-forked greact-week-scheduler componentss codearea customize-easy-ui-storybook csb-components audio-react bs-reach bfi-design-system gfd-react-week-scheduler gatsby-theme-benrobertson gatsby-theme-docs-system gatsby-theme-musician gatsby-theme-netlify-identity gatsby-theme-simple-shopify @steedos/ee_unpkg @steedos-labs/unpkg @avsssai/unpkg-server @smplslaps/gatsby-theme-storefront-shopify @ekafyi/gatsby-theme-musician @interactivethings/visualize-app @financeful-eng/system @firepress/cms @firepress/ui @forabi/react-week-scheduler @front10/lab @frattaro/unpkg-server @front10/base-elements @front10/card @devtools-ds/diagnostic @firestudio/ui @dbosoft/react-subnav @iampava-devtools-ds/diagnostic

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

5 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

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago