ChatGPT時代のウェブアクセシビリティ 〜AIはどこまで頼れるのか？
『Webアプリケーションアクセシビリティ』の著者であり、ウェブ制作の黎明期からアクセシビリティの普及と啓発を推進してきた伊原 力也さんをお迎えし、生成AIの進化によってウェブアクセシビリティの自動化や向上がどこまで可能になるのかについてお話しいただきます。
「当日の視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！
ChatGPT時代のウェブアクセシビリティ 〜AIはどこまで頼れるのか？
昨年（2024年）から、ウェブアクセシビリティ向上への関心が再び高まり、取り組みが活発化している印象があります。しかし、実際に取り組もうとすると、学ぶべき範囲が広く、難しいという印象がありますよね。既存のサイトやアプリの改善には、チェック、方針策定、計画立案と、多くの手間と時間がかかるのが現実です。
一方、昨年もう一つ大きな話題となったのが、ChatGPTをはじめとする生成AIの進化です。画像を解析してテキストで説明し、UIをデザインし、コードまで書いてくれるではありませんか。
こうした技術の進展を目の当たりにすると、次のような疑問が浮かびます。
- 「AIが自動でチェックして、勝手に改善してくれたらよいのになあ」
- 「そもそも元からアクセシビリティが高いものをAIが作ってくれればいいのでは？」
- 「ウェブサイトの構造に関係なく、ブラウザや補助ツールが自動で対応できるようにならないのか？」
こうした期待は2025年4月時点でどこまで実現可能なのでしょうか。日本語でまとまった情報が意外と少ないため、海外の事例も含めて調査しました。
現在、どこまでAIがアクセシビリティ対応を担えるのか、どの部分は引き続き人間の判断が必要なのか。生成AIが前提となる時代に、私たちはどのようにウェブアクセシビリティと向き合っていくべきか。一緒に考えていきましょう。
得られるもの
以下のような分野における、アクセシビリティ向上観点での生成AIの活用事例
- デザインやコーディングで使用する開発ツール
- axeなどに代表されるアクセシビリティチェックツール
- いわゆるアクセシビリティオーバーレイ（ウェブサイトの画面上に補助ボタンが出現し、それを押すと表示形式などが変更可能になる、JavaScript製のウィジェットのこと）
- スクリーンリーダー等に代表される支援技術
- ブラウザやOSのアクセシビリティ機能
さらに、上記を踏まえた、今後のウェブアクセシビリティへの向き合い方を考える材料。
- オマケ：本調査においてどのように生成AIを活用したかの解説
話さないこと
- ウェブアクセシビリティの基礎知識
- WCAGなどのアクセシビリティガイドラインの読み方や解説
- ウェブ以外のアクセシビリティにおける生成AIの活用事例
- 今回はHTML・CSS・JavaScriptで構成されるウェブサイトやウェブアプリを前提に調査・紹介します
- 今回はHTML・CSS・JavaScriptで構成されるウェブサイトやウェブアプリを前提に調査・紹介します
- 聴覚障害や精神障害に関わるウェブアクセシビリティでの生成AIの活用事例
- 今回はGUIの知覚・理解・操作と直接の関係性が深い視覚障害や運動障害に関するアクセシビリティを中心に例示します
- 限られた時間のなかでまとまりある形で紹介するための選択であり、上記以外のアクセシビリティを軽んじる意図はありません
- 今回はGUIの知覚・理解・操作と直接の関係性が深い視覚障害や運動障害に関するアクセシビリティを中心に例示します
- 生成AIをこのように活用すべし！といった断定的なナレッジの提供
- モバイルアプリにおけるアクセシビリティ向上の方法
- → 書籍『モバイルアプリアクセシビリティ入門』をぜひご覧ください！
- → 書籍『モバイルアプリアクセシビリティ入門』をぜひご覧ください！
- ウェブアクセシビリティ向上の取り組みを組織導入するための、よくある課題と解決方法 → 以下の連載記事をご参考ください！
伊原 力也 いはら・りきや
freee
ビジネス・アーキテクツにて情報アーキテクトとして活動後，2017年よりフリー株式会社。社会における多様な働き方の実現を目指し，プロダクトデザインおよびアクセシビリティの普及啓発を実施。ほか，外部コンサルタントとして複数社のアクセシビリティ改善を支援。著書（共著）に『Webアプリケーションアクセシビリティ』（技術評論社）など。
聞き手、MC（進行）
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
鷹野 雅弘（たかの・まさひろ）
株式会社スイッチ
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
10年ぶりの全面改定となる『10倍ラクするIllustrator仕事術』（改訂第3版）を2024年10月に出版。
- Twitter：@swwwitch
イベント概要
YouTube Liveでライブ配信します。
- 開催日：2025年4月4日（金） 21:00 - 23:00
- 形式：オンライン（YouTube Live）
- MC：鷹野 雅弘（スイッチ）
- 主催：CeeBeeDee
- 共催：CSS Nite、DTP Transit
- 協賛（制作会社）：ウェブライダー、LINICA、エンタミナ、コンセント、サービシンク、ビットエー、トゥーアール（to-R）、ヘルツ、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか
- 協賛：文賢（ブンケン）、一般社団法人ウェブコンサルタント・ウェブアドバイザー協会、JILLA（日本イラストレーション協会）
お申し込みと参加費
- 当日の視聴は無料です。
- 参加にはお申し込みが必要です。受け付けは終演時刻まで。
フォローアップ（アーカイブ）
スライドなどのフォローアップ（アーカイブ）は、アーカイブ購入／サブスクの方限定のコンテンツです。
- アーカイブ動画の視聴期限はありません。ずっと見られます。
フォローアップ（アーカイブ）の購入
次の3つの方法があります。いずれかを選択なさってください。
- アーカイブ動画の視聴期限はありません。ずっと見られます。
| 購入方法 | 個人 | 法人 | 受け取り | 備考 | |
|---|---|---|---|---|---|
| 金額 | |||||
| 終演まで | その後 | ||||
| Doorkeeper （単品） | 2,200円 | - | 11,000円 | 終演時刻にメールを送信（info@doorkeeper.jpから送信されます） | 「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。 |
| STORES （単品） | 2,200円 | 3,300円 | 11,000円 | 購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります（アーカイブ動画や特典の掲載はイベント終了後） | ユーザー登録してから申し込むと、［マイページ］の［購入履歴］から、後からダウンロードできます。 |
| サブスク | 1,650円（月額） | 詳細 | ［メンバー限定］セクションの［フォローアップ（アーカイブ）］から本イベントのNotionにアクセスしてください。 | 法人は別途 | |
配信に関してのあれこれ
各URLは、YouTubeの概要欄にも掲載しています。
- チャットやスタンプ、ツイートなど「参加型」でお楽しみください！
- 「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください！
配信URL
YouTube Liveで配信します。
https://youtube.com/live/XpygDEyjmmM?feature=share
X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。
YouTube関連
- YouTubeチャットを活用ください！ スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
- スーパーチャット（スパチャ＝投げ銭）を利用できます。少額でも大歓迎です！ いただいた全額を講演者にお渡しします。
- 質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します！ 一緒に場を作ってくださいますと嬉しいです!!
リアクションや質問
- CommentScreenを使って、画面上にスタンプを送信できます。スマホだけでなく、PCからも送信可能。ただし、CommentScreenのコメント機能は使っていません。
- スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ（#ChatGPT時代のウェブアクセシビリティ）を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
- 終了後、ぜひアンケートにお答えください！ 「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。
その他
- 「UDトーク」にて文字情報を提供しますので、別のブラウザーなどでご覧ください。タイムラグや精度についてはご容赦ください。
- サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
- 開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかチェックなさってください。
- スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください！
- ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
領収書
インボイス対応の領収書が必要な方は、アーカイブ購入者向けのNotionからPDFをダウンロードしてご利用ください。
- 「アーカイブ視聴（会社として申し込み、社内で共有）」のチケットを購入いただいている場合のみ、個別対応いたします。
所轄税務署、インボイス制度電話相談センターなどに相談し、次のようにすることにしました。
オンライン椅子ヨガ
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
- 開演前
- 休憩時間（適宜）
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
方向性
- いわゆる「オンラインセミナー」や「ウェビナー」というより「オンラインイベント」的なニュアンスです。
- あえて「教えることを生業にしていない方」を（多めに）ブッキングしています。“聞き手”を立てることによってフォローしながら進めますが、それでも説明が足りなかったり、うまく時間配分をコントロールできないことがあります。
- 「オンラインで画面に向かって一人で喋る」のは場数を多く踏まない限り、苦行です。そこで聞き手を立て、うなづきや相づちを入れています。「うなづきがうるさい、不要」と思う方もいると思いますが、ご容赦ください！（録画の講座ではなく、オンラインイベントなのです）
- 「当日の視聴は無料」ということは謝礼もしかるべき金額ですし、日々の仕事の中から準備の時間を捻出されています。少し寛大なムードで受け取ってくださいますと幸いです。
- 分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
- 若干の延長など、ぴったり進行しないことがあります。
協力企業のご紹介
本イベントには、下記の企業の協賛、協力をいただいています。
- 文賢（ブンケン）～文章をより良くするための推敲・校閲・校正支援ツール
- KDDIウェブコミュニケーションズ レンタルサーバー「CPI」、簡単ホームページ作成「ジンドゥー」など提供
- 一般社団法人ウェブコンサルタント・ウェブアドバイザー協会 戦略を立て、ターゲットとするお客様に明確に伝え、選ばれ、成果を出すための教育を提供
- JILLA（日本イラストレーション協会） 文芸美術国保への加入や交流会などメリットいっぱい
- WEBSTAFF あなたの“強み”をとことん見つける IT・Web好きの転職エージェント
また、多くの制作会社に協賛いただいています。
- ウェブライダー
- LINICA
- エンタミナ
- コンセント
- サービシンク
- ビットエー
- トゥーアール（to-R）
- ヘルツ
- アップルップル
- CODE54
- HAMWORKS
- S-FACTORY
- necco
- FLAT
- ましじめ
- グローバルデザイン
- エイチツーオー・スペース
- Gear8
- マジカルリミックス
- ONiWA
- さきがけデジタル
- r360studio
通年で協賛を募集しています。検討くださいますと幸いです。
お問い合わせ
問い合わせはDoorkeeperのフォームからお送りください。
