開いたドロップダウンメニュー-ホバーするか、コンテンツをプッシュダウンする必要がありますか？
私たちは主にタブレットデバイスで使用されるWebアプリを構築していますが、デスクトップでも使用しています。
ページ上部にメニュー項目があり、子供がいます。アクセシビリティの理由から、タップしてメニューを表示するときにコンテンツを下に押した方がよいと言われていますが、多くのサイトではホバー状態を使用しています。 'カバーコンテンツ。
この後者の機能はコンテンツをカバーし、メニュー項目が閉じられるまでユーザーはコンテンツを見ることができません。ただし、コンテンツを押し下げると、JSの障害などの潜在的な問題が軽減され、ユーザーはコンテンツにスクロールできます。コンテンツをプッシュダウンする良い例は、 tfl の 'more'メニュー項目または bbc.co.uk の 'more'セクションです。
だから私の質問は-カーソルを合わせるか、コンテンツをプッシュダウンしますか？アクセシビリティのベストプラクティスは何ですか？
マウスクリックは、マウスホバーよりも常に優れています。これは、マウスクリックにより、アクセシビリティサポートが必要かどうかに関係なく、すべてのキーボードユーザーをサポートできるためです。
また、マウスを使用しない、タブレットやスマートフォンなどのタッチベースのデバイスへの移行にも役立ちます。つまり、タップによりマウスクリックがトリガーされます。
そのため、マウスクリックを使用してマウスオーバー動作をドロップすると、あらゆる面でメリットがあります。これがアクセシビリティのベストプラクティスです。これは、WCAG 2.0の要件の1つです。 https://www.w3.org/TR/WCAG20/