アクセシビリティは誰のもの？〜開発を丸投げしないPOの受け入れテスト実践論〜

2026/05/08 ~ 09に開催された"Scrum Fest Niigata 2026"の登壇時に使用した資料です。

▼Scrum Fest Niigata 2026
https://www.scrumfestniigata.org/

Transcript

1. アクセシビリティは誰のもの？ 開発を丸投げしない POの受け入れテスト実践論
2. みなさんへ「アクセシビリティ」の質問 ①〜④のうち、どれに該当しますか？ ①私がその概念を作った ②そこそこ詳しい・プロです ③仕事で少し関わったことある・聞いたことはある ④わからないから学びに来た！！ Discordに番号の ご入力をお願いします！
3. みなさんへ「アクセシビリティ」の質問 ①〜④のうち、どれに該当しますか？ ①私がその概念を作った ②そこそこ詳しい・プロです ③仕事で少し関わったことある・聞いたことはある ④わからないから学びに来た！！ ｴﾗｲｿﾞ😤 今回のMain Target Discordに番号の ご入力をお願いします！
4. 自己紹介
5. 原田　頌久（Harady） はらだ　 　 のぶひさ ◼これまで経験した仕事 Corporate Sales ／ Infrastructure Engineer ／ Software Engineer ／ Scrum Master ◼現在の仕事 Credit card company Product Owner (SysPO) ◼SNS 　@nb_rady | X 　／　(Ha)rady | note　／　and more… ◼出身 岩手県盛岡市 ◼好きな鳥 クジャク🦚
6. OSTよりもフラットな相談・語り合いの場 ※お酒が苦手な方でも大歓迎
7. オフライン・オンラインのハイブリッド！ 奈良や愛知からのLT登壇も！ 昨日やった 楽しかった
8. 大きい声が出ます。
9. アクセシビリティは誰のもの？ 開発を丸投げしない POの受け入れテスト実践論 ※音量注意
10. アクセシビリティの対応は、 ユーザー（利用者）のためであり 作り手（提供者）のためでもある。 このセッションで言いたいこと
12. 嘘です。まだ続きます。
13. 主張は前のページの通りですが、 本日は「なぜ私がそう考えたのか」を 実体験を踏まえてお話します。
14. • ご紹介・導入 ◦ 自己紹介やセッションの説明 ◦ アクセシビリティの基本説明 • 私の経験したアクセシビリティ不足の話 • 社内でアクセシビリティ勉強会をした話 • これからのアクセシビリティ 本日のAgenda
15. アクセスのしやすさであり、サービス、プロダクトの使いやすさのことです。 「アクセシビリティ」と聞くと障がいのある方向けの対応を想起される方もいらっしゃるかもしれませんが、万人のためのもの です。 例えば、老眼で文字が見えづらくなった人向け。怪我をして一時的に松葉杖をついている人。地方の人や東京に住む人な ど。万人のためのものです。 アクセシビリティとは？ Accessibility = Access[近づく・アクセスする ] + Ability[能力・できること ]
16. アクセシビリティはユーザビリティの基盤 ユーザビリティとの違いは？ ユーザビリティと混同されがちですが、それよりも幅広い利用状況や様々な利用者を前提としています。 「利用できるか？」という土台としてのアクセシビリティがあり、 その土台を前提として、上に「利用しやすいか？」という ユーザビリティがあると思っていただければ良いかと思います。
17. Webアクセシビリティ＝ Webにおけるアクセシビリティ Webアクセシビリティとは？ 障がいのみではなく、利用環境や年齢その他理由にかかわらずウェブで提供されている情報やサービスを利用できるこ と。またはその到達度（※1）を意味しています。 ※1：到達度に関しては、国際標準として「 WCAG（Web Content Accessibility Guidelines）」や、日本の「JIS X 8341-3」という規格でA（最低限）〜AAA（最高水準）まで三段階定義されています。
18. Webアクセシビリティとは？ WEBはアクセシビリティの考え方を前提として開発されている。 "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." 「ウェブの力は、その普遍性にあります。 　障がいの有無にかかわらず、誰もがアクセスできることが不可欠です 。」 — ティム・バーナーズ＝リー（ Webの発明者） 出典：Tim Berners-Lee (1997), World Wide Web Consortium (W3C)
19. ドミノ・ピザ（ 2016年） アクセシビリティによる訴訟事例 Webやアプリのアクセシビリティが不十分でメニューを注文できなかったとして視覚障害のある方が訴えた。企業側は電話 でも注文できると弁明したが敗訴。その後和解に持ち込むも、 6年に渡る法廷闘争が行われた。 Amazon（2023年） 意図的に解約プロセスを複雑にしてユーザーを引き止める「ダークパターン」を使用していたとして、米連邦取引委員会 （FTC）から提訴。Amazonが最大25億ドル（約3,700億円以上）の和解金を支払うことで合意。 その他、詳細は非開示になっているものが多いものの、海外では日本企業の海外法人向けにも訴訟が・・・。
20. アクセシビリティ対応は何を持ってどこを目指せば良いのか？ 大事だよね！とはいえお金にならない・・・ プロダクトを利用するユーザーの属性・人数、会社の規模・業界の特性など。 会社やプロダクトにより目標とする到達度に差が出るのが当たり前かと思います。 だからこそ、自分たちの会社やプロダクトに適した形でのアクセシビリティ方針や ガイドラインを作成する必要が求められます。
21. • ご紹介・導入 ◦ 自己紹介やセッションの説明 ◦ アクセシビリティの基本説明 • 私の経験したアクセシビリティ不足の話 • 社内でアクセシビリティ勉強会をした話 • これからのアクセシビリティ 本日のAgenda
22. 私の経験したアクセシビリティ不足の話 それは、 WEB照会プロダクトの機能開発でのお話
23. 私の経験したアクセシビリティ不足の話 Q A ターゲットは？ To B向け 何ができる？ 契約情報や売上の情報とか見れる それで何が嬉しいの？ 加盟店は精算や各契約の見直しができる もっとわかりやすく例えると？ VpassやMyJCB、楽天などの カード明細を見えるものの法人版 ※語弊はある プロダクトの説明　 Ver.Q&A
24. Q. んで、そのプロダクトで新たに何を開発した？ A. 新たに照会できる情報を追加した。 私の経験したアクセシビリティ不足の話
25. 既存のメニューの並びに新たなメニューを追加。メニューに合わせた検索項目が表示され、条 件指定して検索すると、検索結果の一覧情報が入手できます。 私の経験したアクセシビリティ不足の話
26. 一覧結果に出力されたレコードはDLができたり、レコードごとに選択すると モーダルが開き、レコード単位の詳細情報も照会することができます。 私の経験したアクセシビリティ不足の話
27. 私の経験したアクセシビリティ不足の話 先輩 過去に対応した類似の資料もあるから、 POとしてST／UATのケース作成やってみて！ わかんないけど OKっす！！！！！ ※中途入社後1ヶ月程度
28. 金融情報を扱う特性もあり、 会社としてもプロダクトとしても 「品質」が重要指標です。 インセプションデッキも何度か改訂が入っていますが、 変わらず品質が上位にあります。 ちょっと脱線 私の経験したアクセシビリティ不足の話
29. 1Sprint（2week）で開発〜リリースを行うことはまずなく、 純正スクラムからするとアンチパターンとなる リリーススプリントのようなものも実態としてあります。 開発規模にもよりますが、開発の後には、 機能試験（ UT・IT・ST・UAT）、非機能試験を実施します。 CIによるテストの自動化は既に組んでありますが、 そもそもCIが回りきるのにも時間がかかります。 私の経験したアクセシビリティ不足の話 ちょっと脱線
30. 意気揚々と仕事を引き受けてやってみようとしたものの下記の2つの課題が私の目の前に立 ちはだかりました。 1. そもそも、私がプロダクトや機能についてちゃんとわかっていない。 2. 過去の資料では、何を基準にして試験設計を行ったのかが、私にはわからない。 私の経験したアクセシビリティ不足の話
31. この課題に対し、下記の３Stepをくり返しました。 1. 自分で社内資料を漁る 2. 誰かに聞く 3. たらい回し ※たらい回しを楽しむための考え方はQRコードのnoteをどうぞ 私の経験したアクセシビリティ不足の話 この後、大きな声がでます。
32. 仕事が捗らねぇ！！！ たらい回しも前向きには取 り組めるけど！！ 私の経験したアクセシビリティ不足の話 ※大きい声が出ています。
33. たらい回しに合いながら少しずつ理解を深めて行ったものの、課題は特にも2番目の方にあり ました。過去の対応すぎて、作成者もあまり覚えていないものも多々ありました。 1. そもそも、私がプロダクトや機能についてちゃんとわかっていない。 2. 過去の資料では、何を基準にして試験設計を行ったのかが、私にはわからない。 私の経験したアクセシビリティ不足の話
34. 「流用」ではなく、 「参考」という建前で作り直しをしてみた！ 私の経験したアクセシビリティ不足の話
35. 作り直しにより、顕在化したこれまでになかった試験観点 アクセシビリティ is 私の経験したアクセシビリティ不足の話
36. UT〜UATのどの試験工程でも意識的に見ていなかった試験観点 アクセシビリティ is 私の経験したアクセシビリティ不足の話
37. 私の経験したアクセシビリティ不足の話 先輩 アクセシビリティ？まぁ、大事だけど・・・。 稼働を上たり、他の開発の優先度下げてまでやる必要ある？ OKです！リリースに向けた品質評価のための Exit条件には含まず、強化試験のイメージで勝手にやりますね！
38. 人（私）の目や耳で確認をすることを前提とし、下記の最低限のテストを実施。 確認内容 合格条件 実施方法 判定 感想 画面サイズ変更 ・想定外のレイアウト崩れがない ・コンテンツの重なりや隠れがない ブラウザサイズを拡大・縮小する。 Pass 楽しかった。 音声読み上げ ・画面表示されている文字と音声で読み上げら れる文字が一致している 端末のスクリーンリーダー機能で読み上 げる。 Pass 頭おかしくなるかとお 思った。 キーボード操作 ・全ての操作をマウスを使わずにできる。 Tabキーでの移動、Enterキーで決定な ど、マウスを使用せずに操作する。 私の経験したアクセシビリティ不足の話
39. 確認内容 合格条件 実施方法 判定 感想 画面サイズ変更 ・想定外のレイアウト崩れがない ・コンテンツの重なりや隠れがない ブラウザサイズを拡大・縮小する。 Pass 楽しかった。 音声読み上げ ・画面表示されている文字と音声で読み上げら れる文字が一致している 端末のスクリーンリーダー機能で読み上 げる。 Pass 頭おかしくなるかとお 思った。 キーボード操作 ・全ての操作をマウスを使わずにできる。 ・フォーカスインジケータが機能してる。 Tabキーでの移動、Enterキーで決定な ど、マウスを使用せずに操作する。 Failed やっちまった・・・。 いや、見つけれてよ かった？ そして、課題が見つかった・・・ 私の経験したアクセシビリティ不足の話
40. キーボード操作では検索結果を選択することも、検索結果データを DLすることもできない状態に・・・。（左図）す なわち、キーボード操作のみでは、ユーザーはこの画面から詳細データ（右図）を確認することができない！ 検索結果として表示さる項目 が、ごそっとキーボード操作で きない・・・。 私の経験したアクセシビリティ不足の話
41. Q. キーボード操作できないと誰が、何で困る？ 皆さんもよかったら考えてみてください 私の経験したアクセシビリティ不足の話
42. 以下の方々も等しく機能を使えるようにするために必要。 • マウスカーソルを目で追うことが難しい全盲・弱視の方のため。 • 筋力低下や手の震えなどの肢体不自由な方のため。 • 一時的に怪我をして利き手が使えない人のため。 • 一時的にマウスやトラックパッドが故障した人のため。 • ほとんどの操作を日頃からキーボードでこなすエンジニアのため。 当時の私が考えた回答の一例 私の経験したアクセシビリティ不足の話
43. 誰かさんがキーボード壊しちまうよ！！ 私の経験したアクセシビリティ不足の話
44. Q. わざわざ優先度上て対応する必要ある？ 皆さんもよかったら考えてみてください 私の経験したアクセシビリティ不足の話
45. この修正をしても目先の利益は上がらない。 むしろ追加コストでしかないと思われている。 そんな雰囲気も漂っていたし、 若手のDevからは 「本当に必要な改修なのか？」 と、ストレートな質問も受けました。 私の経験したアクセシビリティ不足の話 当時の私の所属チームでは、重要性は理解りてもらえたものの優先度に関しては・・・
46. アクセシビリティの対応をする必要があります。 課題への対処（ POやリーダー陣） 当時の私が考えた、みんなに伝えた回答
47. 理由① 私は、プロダクトを使うユーザーのために必要だと思った。 ※再掲 • マウスカーソルを目で追うことが難しい全盲・弱視の方のため。 • 筋力低下や手の震えなどの肢体不自由な方のため。 • 一時的に怪我をして利き手が使えない人のため。 • 一時的にマウスやトラックパッドが故障した人のため。 • ほとんどの操作を日頃からキーボードでこなすエンジニアのため。 私の経験したアクセシビリティ不足の話 なぜ、私はアクセシビリティの試験をやりたかったのか？必要だと思ったのか？
48. 理由② 私は、これから増えるユーザーと、問い合わせを受ける自分たちのためにも必要だと思った。 この課題が浮上した当時のユーザー数は数千人規模でしたが、年度内には 20万人程度にまで ユーザー数の増加が見込まれていました。それに伴い、多様なユーザーが増えることも想定され ましたし、そんなユーザーからの問い合わせ数も大幅に増加することが予想されていました。 私の経験したアクセシビリティ不足の話 なぜ、私はアクセシビリティの試験をやりたかったのか？必要だと思ったのか？
49. 私の経験したアクセシビリティ不足の話 なぜ、私はアクセシビリティの試験をやりたかったのか？必要だと思ったのか？ ※組織ルールの階層では、土台となるルールの 方が強制力が強くなくてはいけない。 理由③ 私は、組織としての社会的な信用やブランド、 そして作り手である自分たちを守るためにも必要だと思った。 組織ルールの階層の最下層に位置する全社ルールとしての ガイドラインに記載されていた観点であり、守らない ことは会社のブランドに傷をつけかねないと判断した。
50. 理由④ アクセシビリティは、現状のチェックツールを使用しても検知できる不具合は 全体のうちの10~15%程度といわれています。 そのため、最終的には人が介在して試験を行うことが重要視されています。 DEVでもSMでもPOでも誰がやっても良いのですが、今回の私の場合だと、 自分がやらないと誰もやらないことが見えており、プロダクトに責任を持つ 立場のPOとしてはやらないといけないと思っていました。 私の経験したアクセシビリティ不足の話 なぜ、私はアクセシビリティの試験をやりたかったのか？必要だと思ったのか？
51. 私の経験したアクセシビリティ不足の話 結果、どうなった？ 本当に対応するのか。優先度をどうするか。など。 様々な意見が交わされましたが、優先度を上げて対応することに。
52. 私の経験したアクセシビリティ不足の話 結果、どうなった？ 次の開発時にはもっと早い段階でアクセシビリティの 考慮ができるようにと、DEVが改善を実施し、 POのUAT前にDEVが確認することも。 吸収力と改善意欲が 本当にすごい！
53. • ご紹介・導入 ◦ 自己紹介やセッションの説明 ◦ アクセシビリティの基本説明 • 私の経験したアクセシビリティ不足の話 • 社内でアクセシビリティ勉強会をした話 • これからのアクセシビリティ（自論） 本日のAgenda
54. アクセシビリティ対応って必要なの？という疑 問を持つ若手がいたことがきっかけ 同じ組織の他プロダクト、チームは アクセシビリティをどこまで理解・意識している？ 社内でアクセシビリティ勉強会をした話 ふと、とある懸念が・・・
55. ＜参加者＞ ロール：PO、SM、アプリDEV、QA、SRE、アーキテクト、デザイナー 年次：新卒〜ベテランまで 人数：40名弱 形式：オンライン 内容：①座学、②グループディスカッション 時間：20分〜30分 組織向けにアクセシビリティの勉強会をやってみた！ 社内でアクセシビリティ勉強会をした話 思ったよりも人が集まっ て嬉しかった
56. ＜①座学＞ 冒頭でもご説明した、アクセシビリティとは？という前提から、基礎的な内容を説明。主に、デジタル庁や WAIC（ウェブアクセシビリティ基盤委員会）公開資料で学んだことを参考にしながら実施。 社内でアクセシビリティ勉強会をした話 読み合わせるだけでも勉強に なるので、おすすめ！
57. ＜②グループディスカッション＞ ブレイクアウトルームを作成し、少人数のグループごとに以下の質問について会話してもらいました。 [問1] これまでのキャリアでウェブアクセシビリティ観点での不具合改修をしたことある？ [問2] 普段ウェブアクセシビリティを確保するためにチーム、個人ではどんなことしている？ [問3] どういうことをすれば、できればもっと良くなる？ 社内でアクセシビリティ勉強会をした話 ベテランの過去の経験談を若 手にしてもらうだけでも勉強に なります！
58. • ご紹介・導入 ◦ 自己紹介やセッションの説明 ◦ アクセシビリティの基本説明 • 私の経験したアクセシビリティ不足の話 • 社内でアクセシビリティ勉強会をした話 • これからのアクセシビリティ（自論） 本日のAgenda
59. 海外と日本のアクセシビリティに関連する年表 これからのアクセシビリティ
60. 前半でも触れたように、海外では Webアクセシビリティに起因して訴訟も起き、 アメリカでは、2025年は前年比で20~30%程度増加しています。 日本でもWebアクセシビリティへの関心は年々高まっています。 例えば、2004年には、障害者差別解消法で、民間企業は合理的配慮に関して努力義務から義務に 変わっています。内閣府の基本方針には、環境整備の重要性が明記されています。 これからのアクセシビリティ
61. これまで：　利益に繋がらない、CSR（企業の社会的責任） これから：　ブランド毀損リスク、経済機会損失リスク やって当たり前 やらないことが事業リスク これからのアクセシビリティ あくまで私の考え・・・
62. アクセシビリティの対応は、 ユーザー（利用者）の 権利を守る ためであり、 作り手（提供者）の 事業を守る ためでもある。 これからのアクセシビリティ あくまで私の考え・・・
63. • ガイドラインがないなら整えよう！ ◦ あなたの会社の規模は？ ◦ あなたの会社・プロダクトのユーザー層は？ 上記を踏まえて到達目標や、外してはいけないものは？ • アクセシビリティの重要性をみんなで揃えよう！ ◦ あなたはアクセシビリティの重要性や優先度を他人に説明できる？ ◦ あなたの同僚は説明できる？ わからないならみんなでディスカッションしよう！わかるなら教えてあげよう！ おわりに まずは知ることから、小さくはじめても OK！
64. アクセシビリティを学のにおすすめなサイト・書籍 おわりに デジタル庁、WAIC（ウェブアクセシビリティ基盤委員会） など。無料だけど読むのが少し面倒。 有料だが読みやすかった。これを入り 口にすれば良いと過去の自分に教え たい。 加藤善規『いちばんやさしい ウェブアクセシビリティの教本 人気講師が教える 誰もが使えるコンテンツ作り』 インプレス
65. ご静聴ありがとうございました！