made with vue.js

Vue Visually Hidden

Define Content for Assistive Technologies

Visit Site

Description

Define Content for Assistive Technologies

"In the case of visual content, users using assistive technologies (e.g. screen readers) may not always know what the content means.

In most cases, accessible content can be provided by semantic markup, but there is currently no markup that can provide content that is not visually visible but can be read out loud.

For example, when a button is displayed with only pictograms, the description of the button may be visually discernible, but the screen reader may not know what it means.

In such cases, <VisuallyHidden> is a good choice."


Creator

Okuto Oyama
@okuto_oyama


Social Media Links

Vuemoji Picker Emoji Picker
icon-eye-dark Created with Sketch. 1.366
Vue 3 JSON Editor JSON Editor Component
icon-eye-dark Created with Sketch. 368
Sentry for Vue Vue Application Monitoring
πŸ’š Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Pinia Plugin Persistedstate Configurable Persistence & Rehydration of Pinia Stores
icon-eye-dark Created with Sketch. 584
Vue 3 Google Map Google Maps Component
icon-eye-dark Created with Sketch. 723