質問: :focusと:hoverのスタイルは同じにする必要がありますか? 私はクロスアプリケーションスタイルガイドを再定義している最中です。コントラスト比、テキストサイズ、フォーカス状態など、デザインのアクセシビリティを考慮していることを確認したいと思います。私を悩ませている1つの問題は、ボタンや入力などの:focus状態をマウスの:hover状態と同じにする必要があるか、またはレイヤー化できるように区別する必要があるかどうかです。それらを分離する必要がある、または分離してはならない理由をいくつか教えてください。
回答: すべての視覚的状態をマトリックスで組み合わせることができます。確かに、フォーカスはホバーよりも区別が必要ですが、フォーカスされた要素の上にホバーするときに組み合わせることもできます。これらの状態は、選択されていない項目と選択された項目に結合することもできます。