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