2016-12-05 3 views

答えて

3

spanは目印もインタラクティブなコンテンツでもありません。 aria-labelはスクリーンリーダーで読むことはできません(そうです)。

代わりに<button>要素を使用してください。それはあなたの問題に対処し、よりアクセスしやすくなります。

4

まず、怒らないでください。あなたがやっていることは、少なくとも、アクセシビリティに乏しいデザインです。
ヘッダー内のボタン(ヘッダーではなく、HTML5では、ここで使用する<h3>とは全く別の<header>要素があります)は悪い考えです。本当に。
しかし、いずれにせよ、あなたはJAWSがボタンとしてあなたspanを扱いたい場合は、次のいずれか

  1. そうJAWSはどのような方法で知ることはできません、あなたのspanに使用role="button"ネイティブ<button>要素を使用するか、または
  2. この特定のspanはボタンとして扱われるべきです。しかし、あなたが絶対にここでspanを使用しなければならない限り、最初の方法を選んでください。そして、あなたのh3から取り出してください。これははるかにアクセスしやすくなります。
関連する問題