VisuallyHiddenText

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

使用上の注意

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

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

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

FormControlの[label.dangerouslyHide]props

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

Props

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