--- title: モバイルアプリのアクセシビリティを改めて勉強している話 tags: #ios #yumemi.grow author: [USAMI Kosuke](https://www.docswell.com/user/usami-k) site: [Docswell](https://www.docswell.com/) thumbnail: https://bcdn.docswell.com/page/PERMMV2679.jpg?width=480 description: YUMEMI.grow Mobile #18 - connpass https://yumemi.connpass.com/event/336734/ published: December 11, 24 canonical: https://www.docswell.com/s/usami-k/Z22Q66-app-accessibility --- # Page. 1 ![Page Image](https://bcdn.docswell.com/page/PERMMV2679.jpg) モバイルアプリのアクセシビリティ を改めて勉強している話 宇佐見公輔 2024-12-11 株式会社ゆめみ # Page. 2 ![Page Image](https://bcdn.docswell.com/page/P7XVVZDDJX.jpg) 自己紹介 • 宇佐見公輔 ‣ 株式会社ゆめみ iOS テックリード 最近の出来事 月刊 I/O 2024 年 12 月号に、組版システム Typst の記事を書きました • 最近、スライド作成やポスター作成も Typst でやっている 1 / 24 # Page. 3 ![Page Image](https://bcdn.docswell.com/page/37KQQ8XD7D.jpg) ゆめみとアクセシビリ ティ # Page. 4 ![Page Image](https://bcdn.docswell.com/page/LJ3PP25P75.jpg) ゆめみのタスクフォース https://note.com/ryokatsuse/n/n0b0b5deca657 ゆめみとアクセシビリティ 3 / 24 # Page. 5 ![Page Image](https://bcdn.docswell.com/page/8JDLLZD37G.jpg) 読書会 • 既に読書会や勉強会をいくつも実施 •「モバイルアプリアクセシビリティ入門」 読書会が開催中 ‣ 今日、第 3 回が終わりました https://gihyo.jp/book/2024/9784-297-14602-3 ゆめみとアクセシビリティ 4 / 24 # Page. 6 ![Page Image](https://bcdn.docswell.com/page/VEP22DXPE8.jpg) アクセシビリティとは # Page. 7 ![Page Image](https://bcdn.docswell.com/page/27VDD1LV7Q.jpg) 言葉の意味 •「アクセシビリティ」＝「利用可能な状況の幅広さ」 ‣ そもそもの「まず利用自体は可能である」というラインを どれだけ幅広く達成できているか • 似た言葉に「ユーザビリティ」がある ‣ こちらはいわゆる「使いやすさ」 アクセシビリティとは 6 / 24 # Page. 8 ![Page Image](https://bcdn.docswell.com/page/5JGYY2X1JL.jpg) ユーザビリティとアクセシビリティ アクセシビリティとは 7 / 24 # Page. 9 ![Page Image](https://bcdn.docswell.com/page/47QMMP8NEP.jpg) モバイルアプリ開発とア クセシビリティ # Page. 10 ![Page Image](https://bcdn.docswell.com/page/KE4VVY2371.jpg) 実は自然に取り組んでいる モバイルアプリ開発のなかで、自然にやっていること • 標準コンポーネントの利用 • 複数デバイス対応 ‣ デバイスサイズの違い ‣ タブレットなどの対応 モバイルアプリ開発とアクセシビリティ 9 / 24 # Page. 11 ![Page Image](https://bcdn.docswell.com/page/L71336MZEG.jpg) それ以上の取り組みもある 対応する意識や工数は必要だけど、実際やることも多い • フォントサイズ可変対応 • ダークモード対応 • 音声読み上げ対応（VoiceOver / Talkback） モバイルアプリ開発とアクセシビリティ 10 / 24 # Page. 12 ![Page Image](https://bcdn.docswell.com/page/G7WPPW36E2.jpg) モバイルアプリ開発者はアクセシビリティに詳しい？ じゃあ、モバイルアプリ開発者はそんなに勉強しなくていい？ →必ずしもそうとはいえない • ひとつひとつの対応や機能をとってみれば、知識として知っ ていたり、実際に取り組んだ経験があったりする • でも、アクセシビリティ全体の知識としては、意外と把握で きていなくて抜けていたりする モバイルアプリ開発とアクセシビリティ 11 / 24 # Page. 13 ![Page Image](https://bcdn.docswell.com/page/4JZKK5VRJ3.jpg) そこで改めて勉強していく ここまでの話は、つまりは僕自身のこと。 • それぞれのアクセシビリティ対応は、実際に開発プロジェク トでの経験がある • しかし、アクセシビリティ全体の知識としては抜けがある そのため、前述の「モバイルアプリアクセシビリティ入門」を 読むなど勉強していく。 モバイルアプリ開発とアクセシビリティ 12 / 24 # Page. 14 ![Page Image](https://bcdn.docswell.com/page/YE6QQ951EV.jpg) アクセシビリティは誰の ため？ # Page. 15 ![Page Image](https://bcdn.docswell.com/page/GE5RRNYLJ4.jpg) 障害者や高齢者だけのためではない • 障害者や高齢者によっては、利用するものがアクセシブルで あるかどうかは、生活に直結する重要な問題 一方、そうでない人はどうか？ • 誰にでも「利用できない」という状況は起こる • 加齢による衰え、アクシデントによる障害 アクセシビリティは誰のため？ 14 / 24 # Page. 16 ![Page Image](https://bcdn.docswell.com/page/972DD5G37R.jpg) ここでちょっとした違和感 ただ、その考え方だと、うっかりすると・・・ • 自分にもいつかはアクセシビリティが重要になる • でも、今の自分には重要ではない という発想になってしまいそう。 なんだか他人事みたい。正直、僕にもそんな気持ちがあった。 アクセシビリティは誰のため？ 15 / 24 # Page. 17 ![Page Image](https://bcdn.docswell.com/page/DJY22KV8JM.jpg) 医学モデルと社会モデル そんな発想になるのは、障害はそれぞれの人の身体の問題だと いう考え方があるから。 • 医学モデル ‣ 障害は人の身体側にある • 社会モデル ‣ 障害は社会の側にある ‣ 社会や環境が対応できていないがゆえに障害が生じている アクセシビリティを考えるうえでは、社会モデルで考える。 アクセシビリティは誰のため？ 16 / 24 # Page. 18 ![Page Image](https://bcdn.docswell.com/page/V7N88RM9E8.jpg) モバイルアプリは社会の一部 もはや、モバイルアプリは社会の一部だ。 • モバイルアプリのユーザーは非常に多い • 利用時間も長く、生活の一部になっている • 繰り返し継続的に利用する そのため、モバイルアプリは社会モデルにおいて、障害を発生 させてしまう側にある。 アクセシビリティは誰のため？ 17 / 24 # Page. 19 ![Page Image](https://bcdn.docswell.com/page/YJ9KKMN3J3.jpg) さまざまなアクセシビリ ティ # Page. 20 ![Page Image](https://bcdn.docswell.com/page/GJ8RRLKL7D.jpg) 障害にもいろいろある フォントサイズ、ダークモード、音声読み上げなどは、主に次 の障害を想定している。 • ロービジョン（弱視） • 色覚特性（色弱） • 全盲 実は考えるべき障害はほかにもある。 さまざまなアクセシビリティ 19 / 24 # Page. 21 ![Page Image](https://bcdn.docswell.com/page/LJLKKLZQ7R.jpg) 上肢障害 腕・手・指が動かしにくい。 • タッチ操作が困難 • キーボード、マウス、スイッチなどでの操作を考慮する さまざまなアクセシビリティ 20 / 24 # Page. 22 ![Page Image](https://bcdn.docswell.com/page/47M22M4K7W.jpg) 聴覚障害 音が聞こえにくい。 • 通知音を聞くのが困難 • 画面の点滅や、触覚フィードバックで通知する さまざまなアクセシビリティ 21 / 24 # Page. 23 ![Page Image](https://bcdn.docswell.com/page/P7RMMVW6J9.jpg) 認知・学習障害 精神障害のなかでも、認知・学習障害は課題になりやすい。 • 情報を一時的に記憶する必要がある操作が難しい • 画面上の情報を把握するのに時間がかかる • 注意が散漫になる 各種のアクセシビリティ機能によるサポートが必要になる。 さまざまなアクセシビリティ 22 / 24 # Page. 24 ![Page Image](https://bcdn.docswell.com/page/PJXVVZPDEX.jpg) 勉強のすすめ # Page. 25 ![Page Image](https://bcdn.docswell.com/page/3JKQQ8DDJD.jpg) 勉強のすすめ • アクセシビリティに関する本などを読むのがおすすめ • また、自分でアクセシビリティ機能を常用してみる • 個人的に、iOS の次の機能は常用している ‣「カラー以外で区別」 ‣「オン／オフラベル」 ‣「ボタンの形の表示」 勉強のすすめ 24 / 24