VisuallyHiddenText

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

使用上の注意

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

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

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

RangeSeparator

期間や範囲を表す〜や-をからなどの意味のわかる文字に置き換えてくれます。（参考：RangeSeparator）

FormControlの[dangerouslyTitleHidden]props

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

Props

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