TECH PLAY

2026/07/24(金)21:00 〜 22:00
Bookmark Icon

【CeeBeeDee】できることから始めるWebアクセシビリティ/伊原 力也、太田 良典

オンライン

イベント内容

書籍『具体例と解決策で学ぶ Webアクセシビリティの教科書』の発売を記念し、著者の伊原 力也さん、太田 良典さんにWebアクセシビリティ向上の取り組みの第一歩について解説いただきます。

「リアルタイム視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります!

できることから始めるWebアクセシビリティ

「ウェブアクセシビリティ」という言葉を耳にする機会が増えています。AppleやGoogleといったプラットフォーム企業が積極的に取り組んでおり、日本でも注目が高まっています。近年はAIとの関連でも語られるようになり、「そろそろ動かなければ」という空気を感じている方も多いのではないでしょうか。

一方で、「具体的に何をすればいいかわからない」「専門知識がないと難しそう」という声も聞かれます。このセッションは、そんな「気になってはいるけれど、どこから手をつければいいかわからない」という方に向けて、アクセシビリティ向上へのはじめの一歩をお伝えします。

書籍『具体例と解決策で学ぶ Webアクセシビリティの教科書』をもとに、ウェブサイト制作のプロセスに沿いながら、今日から実践できる具体的な取り組みをご紹介します。デザイナー・エンジニアはもちろん、ディレクターやウェブマスター、運用担当者の方にも持ち帰っていただける内容です。

アクセシビリティに、ゼロか100かはありません。完璧でなくていい。できるところから手をつけるだけで、これまでウェブサイトを使えなかった人が、使えるようになります。この機会に、ぜひ最初の一歩を踏み出してみませんか。

写真:伊原 力也(いはら・りきや)

毬藻企画合同会社
アクセシビリティエキスパート

ウェブアクセシビリティ基盤委員会(WAIC)作業協力者
人間中心設計推進機構(HCD-Net)評議委員/アンエシカルデザイン研究会SIG委員

Webデザイン会社ビジネス・アーキテクツに13年勤務の後、2017年よりfreeeに参加。デザインリサーチやマネジメントの傍ら、アクセシビリティ普及啓発を行う。note、Ubie、Studio、CULUMUなどのアクセシビリティ顧問を歴任。第12回Webグランプリ Web人賞を受賞。2025年、毬藻企画合同会社の設立に参画。

著書(共著)に『Webアプリケーションアクセシビリティ』、『モバイルアプリアクセシビリティ入門』など。

写真:太田 良典(おおた・よしのり)

弁護士ドットコム株式会社
情報アーキテクト本部 技術戦略室 セキュリティエンジニア/アクセシビリティエキスパート

ウェブアクセシビリティ基盤委員会(WAIC)委員長
JIS X 8341-3改正原案作成委員会 委員長

Webデザイン会社ビジネス・アーキテクツにて18年ほどWeb制作業務に従事した後、2017年より弁護士ドットコム株式会社に所属。Web技術の分野で幅広い専門性を持ち、Webセキュリティの分野では「第二回IPA賞(情報セキュリティ部門)」を受賞、IPA情報セキュリティ10大脅威の選考にも参加。

アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の委員長として活動している。著書(共著)に『HTML解体新書』など。

写真:伊原 力也(いはら・りきや)

毬藻企画合同会社
アクセシビリティエキスパート

ウェブアクセシビリティ基盤委員会(WAIC)作業協力者
人間中心設計推進機構(HCD-Net)評議委員/アンエシカルデザイン研究会SIG委員

Webデザイン会社ビジネス・アーキテクツに13年勤務の後、2017年よりfreeeに参加。デザインリサーチやマネジメントの傍ら、アクセシビリティ普及啓発を行う。note、Ubie、Studio、CULUMUなどのアクセシビリティ顧問を歴任。第12回Webグランプリ Web人賞を受賞。2025年、毬藻企画合同会社の設立に参画。

著書(共著)に『Webアプリケーションアクセシビリティ』、『モバイルアプリアクセシビリティ入門』など。

写真:太田 良典(おおた・よしのり)

弁護士ドットコム株式会社
情報アーキテクト本部 技術戦略室 セキュリティエンジニア/アクセシビリティエキスパート

ウェブアクセシビリティ基盤委員会(WAIC)委員長
JIS X 8341-3改正原案作成委員会 委員長

Webデザイン会社ビジネス・アーキテクツにて18年ほどWeb制作業務に従事した後、2017年より弁護士ドットコム株式会社に所属。Web技術の分野で幅広い専門性を持ち、Webセキュリティの分野では「第二回IPA賞(情報セキュリティ部門)」を受賞、IPA情報セキュリティ10大脅威の選考にも参加。

アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の委員長として活動している。著書(共著)に『HTML解体新書』など。

『具体例と解決策で学ぶ Webアクセシビリティの教科書』

本イベントは、『具体例と解決策で学ぶ Webアクセシビリティの教科書』の出版記念として開催します。

見えない、読めない、操作できないーーあなたのWebサイトには、アクセスできない人がいるかもしれません。
この「教科書」では、よくあるアクセシビリティの問題点をイラストで紹介し、その解決策となる実践的な解決アプローチを実例つきで解説しています。営業、ディレクター、デザイナー、エンジニアから、発注・運用担当者まで、Webサイトの受発注に関わるあらゆる人が、パターンとして身につけられるように構成しました。
本書は、良質なユーザー体験を生むためのノウハウをまとめた『デザイニングWebアクセシビリティ』の内容をWCAG 2.2の内容に対応させた増補改訂版です。最終章にはWeb制作会社3社による組織浸透の事例記事も収録しています。

聞き手、MC(進行)

鷹野 雅弘(CeeBeeDee/CSS Nite/DTP Transit)が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。

鷹野 雅弘(たかの・まさひろ)

株式会社スイッチ

グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。

2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。

著書に『10倍ラクするIllustrator仕事術』(改訂第3版)ほか多数

イベント概要

YouTube Liveでライブ配信します。

お申し込みと参加費

  • リアルタイムの視聴のみは無料です。
  • 参加にはお申し込みが必要です。受け付けは終演時刻まで。

フォローアップ(アーカイブ)

有料チケットには次が含まれます。これを「フォローアップ」と呼んでいます。

  • アーカイブ動画
  • スライド
  • リンク集や補足
  • サンプルファイルなど(プログラムにより)

フォローアップ(アーカイブ)は、アーカイブ購入/サブスクの方限定のコンテンツです。

  • アーカイブ動画の視聴期限はありません。ずっと見られます。
  • 法人およびフリーランスで事業決済される方は「法人向け」をお求めください。

フォローアップ(アーカイブ)の購入(A)

次の方法があります。いずれかを選択なさってください。

  • STORES
  • サブスクを登録する
購入方法種別フォローアップの受け取り備考
個人個人、
フリーランス
法人
STORES
(単品)
3,300円5,500円11,000円購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります(アーカイブ動画や特典の掲載はイベント終了後)ユーザー登録してから申し込むと、[マイページ]の[購入履歴]から、後からダウンロードできます。
サブスク3ヶ月:35ドル詳細[メンバー限定]セクションの[フォローアップ(アーカイブ)]から本イベントのNotionにアクセスしてください。法人は別途(詳細
年パス:130ドル

フォローアップ(アーカイブ)の購入(B)

次の3つの方法があります。いずれかを選択なさってください。

  • 終演時刻まで:Doorkeeper
  • 終演時刻以降:STORES
  • サブスクを登録する

Doorkeeperの場合、終演時刻にメールをお送りしています。メールの送信元は、info@doorkeeper.jp です。 メールに依存しないSTORESやサブスクであれば、メール関連のトラブルから開放されます。

購入方法種別フォローアップの受け取り備考
個人個人、
フリーランス
法人
Doorkeeper
(単品)
2,200円
(終演時刻まで)
5,500円11,000円

終演時刻にメールを送信(info@doorkeeper.jpから送信されます)

「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。
STORES
(単品)
3,300円5,500円11,000円購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります(アーカイブ動画や特典の掲載はイベント終了後)ユーザー登録してから申し込むと、[マイページ]の[購入履歴]から、後からダウンロードできます。
サブスク3ヶ月:35ドル詳細[メンバー限定]セクションの[フォローアップ(アーカイブ)]から本イベントのNotionにアクセスしてください。法人は別途(詳細
年パス:130ドル

領収書

個人向けのチケットは領収書発行していません。
インボイス対応の領収書は、次のチケットのみ対応します。

  • 個人/フリーランス(スライド、アーカイブ視聴付き) ※経費として
  • 法人(スライド、アーカイブ視聴付き)

終了後にご案内するNotionからPDFをダウンロードしてご利用ください。

  • 「法人(スライド、アーカイブ視聴付き) 」のチケットを購入いただいている場合のみ、記名入りの領収書に対応いたします。フォームからご連絡ください。

配信に関してのあれこれ

各URLは、YouTubeの概要欄にも掲載しています。

  • チャットやスタンプ、ツイートなど「参加型」でお楽しみください!
  • 「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください!

配信URL

YouTube Liveで配信します。

https://www.youtube.com/watch?v=QkfoV8edOr8

X(Twitter)にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。

配信トラブルでURLが変更になることがあります。その場合、次のようにお知らせします。

  • Twitter(現「X」)
  • 配信が停止したYouTubeプログラムのコメント欄
  • Doorkeeper経由でのメッセージ(メール)

YouTube関連

  • YouTubeチャットを活用ください! スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
  • スーパーチャット(スパチャ=投げ銭)を利用できます。少額でも大歓迎です! いただいた全額を講演者にお渡しします。
  • 質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します! 一緒に場を作ってくださいますと嬉しいです!!

リアクションや質問

  • スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ(#Webアクセシビリティの第一歩)を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
  • 終了後、ぜひアンケートにお答えください! 「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。

その他

  • 120分のプログラムでは、60分前後のキリのいいタイミングで休憩(5-10分)をはさみます。
  • サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
  • 開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかなど、チェックなさってください。
  • スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください!
  • ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。同時配信しているX(Twitter)の方が安定してることがあります。
  • 分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
  • 若干の延長など、ぴったり進行しないことがあります。

配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。

サブスク

CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように「サブスク」(定額サービス)をご用意しています(Circleというサービスを利用しています)。

年間で60回近く開催されますので、1本あたり400円を切る計算です。

アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。また、自分のペースで手元のスライドPDFを見ながらの視聴が可能です。

サブスクの登録方法

次の手順でお申し込みください。

  1. Circleでユーザー登録(自動返信メールを確認して完了です)
  2. Stripeで決済

オンライン椅子ヨガ

本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです!

  • 開演前
  • 休憩時間(適宜)

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

協力企業のご紹介

本イベントには、下記の企業の協賛、協力をいただいています。

また、多くの制作会社に協賛いただいています。

通年で協賛を募集しています。検討くださいますと幸いです。

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。

※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。

※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

Doorkeeper