1

要素がページに動的に追加されるアプリケーションがあり、スクリーン リーダーでさまざまなバージョンのブラウザー (IE 8/9/10、FF、および Chrome) でそれらを読み上げたいと考えています。

次の 2 つの違いは何ですか: 「role=alert」属性の追加と「aria-live=assertive」の追加?

$("<div role='alert'>Sample message.</div>").appendTo($existingElement);

$("<div aria-live='assertive'>Sample message.</div>").appendTo($existingElement);
4

1 に答える 1

3

デフォルトでは、および値をrole='alert'継承するため、ユーザーの観点からは同様に動作するはずです。ただし、すべてのユーザー エージェントが同じ方法で仕様を実装するわけではありません。aria-atomicaria-liveassertive

w3c は、一般的な aria-live リージョンではなく、利用可能な場合は適切なロールを使用することを推奨しています。これには、ユーザー エージェントが歴史的に 2 つの間で一貫性のない動作を示してきたという警告が伴います。

HTML5 Accessibility のアラート テスト ページに対するテストは、ChromeVox 1.27.0 があなたが示した技術をサポートしているのに対し、Safari を使用した OS X 10.8.4 の VoiceOver はサポートしていないことを示しています。

于 2013-08-01T01:40:46.577 に答える