VisuallyHidden
VisuallyHiddenは、視覚的な表示からコンテンツを隠しながらスクリーンリーダーで読み取り可能にする、ウェブアクセシビリティで一般的に使用される手法です。
<Button>
<VisuallyHidden>Checkmark</VisuallyHidden>
<CheckIcon />
</Button>
使い方
import { VisuallyHidden } from "@yamada-ui/react"
import { VisuallyHidden } from "@/components/ui"
import { VisuallyHidden } from "@workspaces/ui"
<VisuallyHidden>Hidden content</VisuallyHidden>
視覚的に要素を隠すために使用されますが、スクリーンリーダーではアクセス可能にします。デフォルトでは、span要素をレンダリングします。