Accessible Visually Hidden Component
A Svelte component for having accessible screen reader text that's invisible to other users. Useful for explaining parts of a UI that rely on icons or other visual, non-written cues.
Ported from Josh Comeau's Visually Hidden component for React.
You can copy-paste the code from VisuallyHidden.svelte to use in your project. Besides Svelte there's no other dependencies.
<VisuallyHidden custom-prop="custom">
Create a new message
</VisuallyHidden>