APGの概要
こんにちは。チャコウェブラジオは、株式会社Cyber Catsが運営するチャコウェブのスタッフが、
ウェブアクセシビリティを実践したい制作者やウェブ担当者に向けて、ゆっくりじっくり解説していくポッドキャストです。
進行を担当するゆみこです。よろしくお願いします。
みあ：みあです。よろしくお願いします。
ゆみこ：本日のテーマは、WAI-ARIA解説シリーズPart5「ARIA Authoring Practices Guide
（APG）の概要と活用法」です。
みあ：前回はWAI-ARIAに関連する文書の全体像や、その活用法について紹介しました。
今回からは、APGをメインに解説したいと思います。
ゆみこ：前回のおさらいになりますが、APGについてもう一度詳しく教えてください。
みあ：はい。APGは「ARIA Authoring Practices Guide」の略で、
WAI-ARIAをどのように使って、アクセシブルなコンポーネントを作るかが書かれている実践ガイドです。
もともとは「WAI-ARIA Authoring Practices 1.2」などの文書形式で提供されていましたが、
現在はウェブサイト形式にリニューアルされていて、随時更新されています。
ゆみこ：リニューアル後のウェブサイト版は英語ではありますが、レイアウトが整理されていて見やすいですね。
はい、そうなんです。とても見やすくて情報も整理されていますし、
英語に不安がある方も翻訳機能を使いながら活用するのがおすすめです。
ゆみこ：そうなんですね。
ところで、前回も登場した「コンポーネント」という言葉、よく聞く言葉ですが実際はよく分かっていません……。
もう少し具体的に教えてもらえますか？
みあ：はい、もちろんです。「コンポーネント」とは部品や要素といった意味がある英単語で、
ウェブではページを構成するパーツや要素全般を指します。
ちなみに、以前登場した「ユーザーインターフェースコンポーネント」ですが、
これはユーザーとウェブサイトとの接点になる要素のことで、具体的にはボタンやリンクなどを指しているんですね。
ゆみこ：なるほど。ということは、APGはWAI-ARIAを使ってコンポーネントと呼ばれる部品を作るための実践ガイドなんですね。
みあ：はい、その通りです。
ゆみこ：具体的にはどのようなことが書かれているんでしょうか？
みあ：アコーディオンやボタンなど、さまざまなコンポーネントについて、
どんなコンポーネントか、キーボード操作はどうするのがよいか、どんなロールやステート、プロパティを使うかが解説されています。
また、そういったコンポーネントのHTMLやJavaScriptといったコードが紹介されていたり、実際に動くデモが用意されています。
APGの活用法
ゆみこ：コードの紹介に、デモまであるんですね。それはすごい参考になりそうです！
みあ：はい、そうなんです！ただ、注意が必要なのが、APGのコードはあくまで例だということです。
そのままコピーして使うのではなく、ウェブサイトの構造やコンテンツに合わせて、カスタマイズする必要があります。
ゆみこ：うーん、そのままコピペではダメということですね。
APGで紹介されているコードを理解して、状況に合わせて応用することが大事なんですね。
みあ：はい、その通りです！それから、APGにはよく使われるコンポーネントの例だけでなく、
bannerやnavigationといったARIAランドマークの使い方や、要素にアクセシブルな名前や説明を付けるときの考え方、実践方法などもまとめられています。
ゆみこ：ただコードを参考にするだけでなく、WAI-ARIAやウェブアクセシビリティの勉強になりそうですね……！
みあ：そうなんです。制作時にコードを参考にするだけでなく、勉強として目を通すのもよいと思いますね。
ゆみこ：うーん！そうですね。それでは今回のまとめです。
APGとは「ARIA Authoring Practices Guide」の略で、WAI-ARIAを使ってアクセシブルなコンポーネントを作る方法がまとめられた実践的なガイドです。
もともとは「WAI-ARIA Authoring Practices 1.2」というようにバージョン付きの文書として提供されていましたが、
現在はウェブサイト形式にリニューアルされていて、随時更新されているのでこちらを参考にするのがおすすめとのことです。
このAPGでは、よく使われるコンポーネントについて、どんなキーボード操作が必要か、
どのようなロールやステート、プロパティを使えばいいのかなどが詳しく解説されています。
それだけでなく、HTMLやJavaScriptの具体的なコード例も紹介されているので、実装の際にも非常に参考になりますね。
また、ARIAランドマークの使い方や、アクセシブルな名前や説明の付け方についても、考え方や実践方法がまとめられているので、
WAI-ARIAやウェブアクセシビリティの学習資料に使うのもおすすめとのことです。
本日のテーマは、WAI-ARIA解説シリーズPart5
「ARIA Authoring Practices Guide（APG）の概要と活用法」でした。
お聞きいただきありがとうございました。
感想をいただけるととっても嬉しいです。
ハッシュタグ「チャコウェブラジオ」をつけて、ぜひSNS、エックス（旧Twitter）で投稿してください。
また、概要欄にメールフォームリンクをご用意しています。
ウェブアクセシビリティに対応したい方、チャコウェブにお仕事を依頼したい方や、
ご相談がある方はお気軽にメッセージをお寄せください。
次回もお楽しみに！
