made with vue.js

#UI Components #Utilities #UI utility #Accessibility
icon-eye-dark Created with Sketch. 245

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

Related Projects


Vue Mugen Scroll Infinite scroll component
#UI Components #Event handling #Scroll
icon-eye-dark Created with Sketch. 7.465
Vue Snotify Vue.js 2 Notification Center
#UI Components #Animation #Notification
icon-eye-dark Created with Sketch. 8.472
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
Vue Full Loading Full Overlay Loading Spinner
#UI Components #Animation #Loading
icon-eye-dark Created with Sketch. 20.530
Vue Use Fixed Header Fixed Header Component
#Utilities #UI utility
icon-eye-dark Created with Sketch. 1.274
View all Projects
COMMUNITY SPONSORS
Vue application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Placid is a creative automation API & toolkit #madewithvuejs that lets you generate custom visuals at scale Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your Vue apps Learn more