Web企業やサービスプロバイダーは、ポップアップUIを利用して宣伝や告知を行うことが多いです。なぜなら、ポップアップは目立ちやすく、即座にユーザーの注意を引くからです。しかし、一部のユーザーにとってはポップアップは迷惑なものと感じることもあります。その理由を考えると、以下のような要素が挙げられます。
代替テキスト（略してaltテキスト）とは、ウェブサイトやソーシャルメディアで画像を公開する際に、画像を説明するために使用できるテキストのことです。
ブラウザが画像を表示しなくなったと想像してみてください。それでも、記事の中で画像が参照されているのを見たり、画像についての会話を読んだり、人々がジョークを言っているのを読んだりするでしょう。この経験はあなたにとってどのようなものだろうか？かなり取り残された気分になるだろう。
これが、目の見えない人や視覚障害者にとっての現実なのです。しかし、状況は良くなっている！
Radix Primitives は、ARIA Authoring Practices Guide に従い、幅広い種類のモダンブラウザやよく使用されている支援技術によってテストされています。
私たちは、アクセシビリティに関連する多くの実装上の詳細、aria 属性や role 属性、フォーカス管理、キーボードナビゲーションなどを扱っています。これにより、ユーザーは多くのコンテキストで私たちのコンポーネントをそのまま使用し、期待されるアクセシビリティデザインパターンに従う機能性に依存できるようになります。
WAI-ARIAは、W3C によって発表・メンテナンスされており、Radix Primitives で表示される多数の一般的な UI パターンのセマンティクスを規定しています。これは、ブラウザーに提供される要素を使用せずに構築されたコントロールに意味を与えるために設計されています。たとえば、button を作成するために div を使用する場合、div がスクリーンリーダーや音声認識ツールにとってボタンであることを伝えるために追加する必要がある属性があります。
Amal Hussein: JSパーティーのリスナーの皆さん、こんにちは。今日はとてもとても特別なショーにようこそ... 毎週言っていることですが、本当に、この番組にとても興奮しています。本当に特別なゲストをお招きしていますが、ゲストをご紹介する前に、本日の共同パネリスト、副操縦士のアメリア・ワッテンバーガーをご紹介します。こんにちは、ようこそ、アメリアさん。
Amelia Wattenberger: ヘイヘイヘイ。
Amal Hussein: アメリア、あなたの名前はドイツ語ですか？ちょっと聞きたいんだけど・・・。だってワッテンベルガーって言う度に、完全なドイツ語にしたい衝動に駆られるんだもの。"問題なし、ヤー "みたいな感じで。
Rich Harris: ワッテンバーガー
Amal Hussein: ああ、ワッテンベルガーか...。それでドイツ語なの？
投稿日: 2019年12月2日 投稿者: Léonie Watson
HTMLは過小評価されがちです。複雑ではなく、厳格でもなく、ほんの少しの要素で結果を出し始めることができます。HTMLはCSSのようにクリエイティブではなく、JavaScriptのようにエネルギッシュでもありませんが、ブラウザと静かに連携してWebの多くの機能を実現しています。
HTML文書がブラウザで解析されると、いくつかのことが起こります。ブラウザはDOM（Document Object Model）を作成し、支援技術が実行されている場合はACT（Accessibility Tree）を作成し、多くの場合はユーザーインターフェース（UI）の一部として要素をレンダリングし、要素がインタラクティブな場合は期待されるインタラクションサポートを提供します。
もし私たちのHTML文書にこのようなHTMLが含まれていたら、