VisuallyHiddenText

視覚的には隠しつつスクリーンリーダーには読み上げさせたいテキスト用のコンポーネントです。見出しやラベルが自明で、表示すると視覚的に冗長になるときなどに使います。

使用上の注意

VisuallyHiddenTextを必要以上に使いすぎないでください。情報が過剰になり、アクセシビリティが逆に損なわれる場合があります。

文脈をしっかり考慮し、スクリーンリーダーユーザーにとって価値のある情報を提供することが重要です。

VisuallyHiddenTextを使用したコンポーネント

FormControlの[label.unrecommendedHide]props

「入社年月日」の見出しとDatePickerコンポーネントだけで開始日と終了日であることが自明で冗長になるのでFormControlのlabel.unrecommendedHidepropsを使用している。

Props

Propsは設定されていません。