ワイアリア

ワイアリア
Web アクセシビリティイニシアチブ - アクセシブルなリッチインターネットアプリケーション
略語	ワイアリア
状態	W3C勧告
開始年	2006年; 18年前
初版	2006年9月26日; 18年前
最新バージョン	WAI-ARIA 1.2: W3C 勧告; 2023 年 6 月 6 日; 17 か月前
組織	ウィキペディア; アドビ; りんご; IBM; イガリア; 知識; 特殊部隊;
委員会	アリアWG
編集者	ジョアンマリー・ディッグス; ジェームズ・ナーセン; マイケル・クーパー; キャロリン・マクラウド; 元編集者シェーン・マッカロン（2018年まで）; リチャード・シュヴェルトフェガー（2017年10月まで）; ジェームズ・クレイグ（2016年5月まで編集者）; ;
ドメイン	支援技術; プログレッシブウェブアプリケーション; セマンティック HTML; ウェブアクセシビリティ;
Webサイト	www.w3.org/WAI/standards-guidelines/aria/

Web アクセシビリティイニシアティブ - アクセシブルリッチインターネットアプリケーション( WAI-ARIA ) は、ワールドワイドウェブコンソーシアム(W3C)によって公開された技術仕様であり、 Web ページ、特に動的コンテンツ、およびAjax、HTML、JavaScript 、および関連テクノロジを使用して開発されたユーザーインターフェイスコンポーネントのアクセシビリティを向上させる方法を指定します。

2008年9月15日のワーキングドラフトでは、SVG 1.2 TinyにWAI-ARIAのサポートが追加されました。^[1] 2014年3月20日、WAI-ARIA 1.0はW3C勧告として完成しました。^[2] 2017年12月14日にはWAI-ARIA 1.1がリリースされました。^[3]

ARIA の 5 つのルール

ネイティブHTML要素または属性で同じセマンティクスを実現できる場合はARIAを使用しないでください^[4]
ネイティブHTMLのセマンティクスを変更しないでください（本当に必要な場合を除く）^[5]
すべてのインタラクティブなARIAコントロールはキーボードで使用可能でなければならない。^[6]
セマンティクスを削除したり、フォーカス可能な要素を非表示にしたりしないでください（フォーカス可能な要素にrole="presentation"またはaria-hidden="true"を使用する）^[7]
すべてのインタラクティブ要素にアクセス可能な名前（アクセシビリティAPIアクセス可能な名前）があることを確認します。^[8]

範囲

Web 開発者は、HTML だけでは作成できないユーザーインターフェイスコントロールを作成するために、クライアントサイドスクリプトを使用することが増えています。また、 Web サーバーにまったく新しいページを要求せずに、ページの一部を更新するためにクライアントサイドスクリプトを使用することもあります。Webサイトでのこのような手法は、リッチインターネットアプリケーションと呼ばれます。これらのユーザーインターフェイスコントロールとコンテンツの更新は、障害のあるユーザー、特にスクリーンリーダーのユーザーやマウスなどのポインティングデバイスを使用できないユーザーにはアクセスできないことがよくあります。WAI-ARIAを使用すると、動的な Web アプリケーションに役割、プロパティ、および状態情報を追加することで、 Web ページ(またはページの一部) が静的ドキュメントではなくアプリケーションであることを宣言できます。ARIA は、Web アプリケーション、Web ブラウザー、支援技術、およびアクセシビリティ評価ツールの開発者が使用することを目的としています。 ^[9]

WAI-ARIAは、ユーザーインターフェイスコントロールや動的コンテンツのアクセシビリティを高めるために、HTML コンテンツにセマンティクスやその他のメタデータを追加する方法を説明しています。たとえば、WAI-ARIA を使用すると、リンクのリストをナビゲーションメニューとして識別し、それが展開されているか折りたたまれているかを示すことができます。もともと HTML のアクセシビリティの問題に対処するために開発されたものですが、WAI-ARIA の使用は HTML に限定されません。原則として、Scalable Vector Graphics (SVG) などの他のマークアップ言語でも使用できます。 ^[10]^[11]

文書

Web Accessibility InitiativeはWAI-ARIAの概要を公開しており、このテーマを紹介し、読者にWAI-ARIA Suiteのドキュメントを案内している。^[9]

アクセシブルリッチインターネットアプリケーション (WAI-ARIA) バージョン 1.0: これは主に、ウェブブラウザ、支援技術、その他のユーザーエージェントの開発者、その他の技術仕様の開発者、アクセシビリティ評価ツールの開発者を対象としています。WAI-ARIAは2014年3月20日に完成とマークされており、W3C勧告となっています。^[12]
WAI-ARIA の概要: これはWAI-ARIAの技術的な紹介です。WAI-ARIAが解決しようとしている問題、基礎となる概念、技術的なアプローチ、WAI-ARIAを採用するビジネス上の理由について説明します。^[9]
WAI-ARIA オーサリングプラクティス: この文書では、WAI-ARIAを使用してリッチインターネットアプリケーションを提供するためのベストプラクティスについて説明します。アクセス可能なウィジェットを構築するための一般的な手順、キーボードナビゲーション、関係、フォームプロパティ、ドラッグアンドドロップのサポート、アラートとダイアログボックス、再利用可能なコンポーネントライブラリ、テストなどのトピックについて説明します。^[13]
アクセシブルなリッチインターネットアプリケーションのためのロードマップ (WAI-ARIA ロードマップ): この文書の内容の多くは他の文書に移されました。^[14]

ARIA仕様の編集者には、リサ・シーマン、リッチ・シュヴェルトフェガー、ジェームズ・クレイグ、マイケル・クーパー、リサ・パパスなどが含まれています。 ^[12]

参照

参考文献

^ 「Scalable Vector Graphics (SVG) Tiny 1.2 仕様」。www.w3.org 。2023年 5 月 9 日閲覧。
^ 「Accessible Rich Internet Applications (WAI-ARIA) 1.0」。www.w3.org 。 2023年5月9日閲覧。
^ 「Accessible Rich Internet Applications (WAI-ARIA) 1.1」。www.w3.org 。 2023年5月9日閲覧。
^ 「ARIA と HTML」。web.dev。2023年 5 月 9 日閲覧。
^ 「ARIA の 5 つのルール」。DEV コミュニティ。2023 年 5 月 9 日閲覧。
^ 「StackPath」。www.deque.com 。 2023年5月9日閲覧。
^ 「WebAIM: ARIA入門 - アクセシブルなリッチインターネットアプリケーション」。webaim.org 。 2023年5月9日閲覧。
^ 「ARIA の使用」www.w3.org . 2023 年 5 月 9 日閲覧。
^ abc Cooper, Michael, ed. (2011-01-18). 「WAI-ARIA の概要」。アクセシブルリッチインターネットアプリケーションワーキンググループ、教育およびアウトリーチワーキンググループ。W3C (2006 年 12 月発行) 。2021 年 4 月 21 日閲覧。
^ SVGワーキンググループ (2008-12-22). 「ドキュメント構造 – SVG Tiny 1.2 § 5.10.1 すべての要素に共通する属性」W3C . 2021-04-21閲覧。
^ SVGワーキンググループ (2008-12-22). 「ドキュメント構造 – SVG Tiny 1.2 § 18.3 拡張可能なメタデータ属性」. W3C . 2021-04-21閲覧。。
^ ab 「Accessible Rich Internet Applications (WAI-ARIA) 1.0」。W3.org 。 2014年4月11日閲覧。
^ King, Matt; Ku, JaEun Jemma; Nurthen, James; Bijl, Zoë; Cooper, Michael; Scheuhammer, Joseph; Pappas, Lisa; Schwerdtfeger, Rich 編 (2019-08-14). 「WAI-ARIA Authoring Practices 1.1」. Accessible Rich Internet Applications Working Group . 2021-04-09閲覧。
^ Schwerdtfeger, Richard 編 (2008-02-04)。「アクセシブルなリッチインターネットアプリケーションのロードマップ (WAI-ARIA ロードマップ)」。W3Cプロトコルおよびフォーマットワーキンググループ。2012年 12 月 6 日閲覧。

外部リンク

Gareth Slinn による Web アクセシビリティチェックツール
アクセシビリティのための神経学的UX
ARIA 開発者ポータルのドキュメント、ビデオ、ARIA に関連する記事 (Creative Commons Attribution-Share Alike ライセンスに基づく資料)

[1] 「Scalable Vector Graphics (SVG) Tiny 1.2 仕様」。www.w3.org 。2023年 5 月 9 日閲覧。

[2] 「Accessible Rich Internet Applications (WAI-ARIA) 1.0」。www.w3.org 。 2023年5月9日閲覧。

[3] 「Accessible Rich Internet Applications (WAI-ARIA) 1.1」。www.w3.org 。 2023年5月9日閲覧。

[4] 「ARIA と HTML」。web.dev。2023年 5 月 9 日閲覧。

[5] 「ARIA の 5 つのルール」。DEV コミュニティ。2023 年 5 月 9 日閲覧。

[6] 「StackPath」。www.deque.com 。 2023年5月9日閲覧。

[7] 「WebAIM: ARIA入門 - アクセシブルなリッチインターネットアプリケーション」。webaim.org 。 2023年5月9日閲覧。

[8] 「ARIA の使用」www.w3.org . 2023 年 5 月 9 日閲覧。

[wai-aria-overview-9] Cooper, Michael, ed. (2011-01-18). 「WAI-ARIA の概要」。アクセシブルリッチインターネットアプリケーションワーキンググループ、教育およびアウトリーチワーキンググループ。W3C (2006 年 12 月発行) 。2021 年 4 月 21 日閲覧。

[ariasvg2008-10] SVGワーキンググループ (2008-12-22). 「ドキュメント構造 – SVG Tiny 1.2 § 5.10.1 すべての要素に共通する属性」W3C . 2021-04-21閲覧。

[11] SVGワーキンググループ (2008-12-22). 「ドキュメント構造 – SVG Tiny 1.2 § 18.3 拡張可能なメタデータ属性」. W3C . 2021-04-21閲覧。。

[w3.org-12] 「Accessible Rich Internet Applications (WAI-ARIA) 1.0」。W3.org 。 2014年4月11日閲覧。

[wai-aria-bp-13] King, Matt; Ku, JaEun Jemma; Nurthen, James; Bijl, Zoë; Cooper, Michael; Scheuhammer, Joseph; Pappas, Lisa; Schwerdtfeger, Rich 編 (2019-08-14). 「WAI-ARIA Authoring Practices 1.1」. Accessible Rich Internet Applications Working Group . 2021-04-09閲覧。

[ariaroadmap-14] Schwerdtfeger, Richard 編 (2008-02-04)。「アクセシブルなリッチインターネットアプリケーションのロードマップ (WAI-ARIA ロードマップ)」。W3Cプロトコルおよびフォーマットワーキンググループ。2012年 12 月 6 日閲覧。

ARIA の 5 つのルール

範囲

文書

参照

参考文献

外部リンク

関連するトピック

W3C勧告

アドビ

りんご

IBM