@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 @drivy/cobalt @colisweb/reason-toolkit @convertkit/design @convertkit/editor @convertkit/editor-buttons @convertkit/editor-links @convertkit/editor-videos @bolt/uikit-workshop jobiqo-cl @avsssai/unpkg-server @alphalets-ui/core @baseplate-sdk/web-app @bewweb/uikit-workshop-ecas @cabezonidas/shop-ui @cloudexible/gatsby-theme-storefront-shopify @codesandbox/components @coinjoss-ui/core @dbosoft/react-subnav @devtools-ds/diagnostic unpkg-server @financeful-eng/system @firepress/ui @firepress/cms @dtribe/react-components @hashicorp/react-combobox @hashicorp/react-pricing-features @hashicorp/react-pricing-tier-table @hashicorp/react-search @hashicorp/react-tier-table @hashicorp/react-video-button @forabi/react-week-scheduler @iampava-devtools-ds/diagnostic @firestudio/ui @gatsbystorefront/gatsby-theme-storefront-shopify @front10/lab @front10/base-elements @front10/card @ekafyi/gatsby-theme-musician @frattaro/unpkg-server @getsynapse/design-system @losslessproject/react-components @istreamplanet/pebble @lendi/ui @mabi-ui/badge @mad-js-dev/custom-uikit-workshop-mad-js-dev @microsoft/arbutus.action-list-tile @microsoft/arbutus.command @microsoft/arbutus.theme-switch @newfrontdoor/calendar @mip-studio/components @interactivethings/visualize-app @dungle-scrubs/gatsby-shopify-theme @rasahq/react-tabula @reach/tooltip @reach/alert @raid-ui/hidden @onrecess/playground @pooltogether/react-components @paul-bfi/bfi-design-system @novvum/gatsby-theme-auth @play4them/design-system @play4them/fresco @octagen/pl-uikit-mjml @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 hellobagus @vojtaholik/gatsby-theme-simplecast @wooy/react-components @umich-lib/text-input @umich-lib-ui/text-input @types/reach__visually-hidden

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

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

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

7 years ago

7 years ago