Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
『モバイルアプリアクセシビリティ入門』入門
Search
Rikiya Ihara / magi
November 30, 2024
Design
97
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
『モバイルアプリアクセシビリティ入門』入門
Rikiya Ihara / magi
November 30, 2024
More Decks by Rikiya Ihara / magi
See All by Rikiya Ihara / magi
アクセシビリティに取り組むメリット
magi1125
2
340
CMS管理画面のアクセシビリティ
magi1125
8
2.8k
AIで加速するアクセシビリティのこれから
magi1125
4
1.1k
アクセシビリティの社内浸透
magi1125
1
200
信念を持つ方法
magi1125
2
290
スマホのアクセシビリティ機能お試し大会
magi1125
1
86
最速[要出典]アクセシビリティチェック
magi1125
4
520
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
55
16k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
11k
Other Decks in Design
See All in Design
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
150
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
870
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
200
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.4k
ISO 9241-171:2025っていうのがあってな
shosira
1
220
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
210
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
230
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
150
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
ottatto
0
300
CULTURE DECK/Frontend Engineer
mhand01
0
1.4k
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
310
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
700
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
6.2k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
180
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Building Adaptive Systems
keathley
44
3.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
The Curious Case for Waylosing
cassininazir
1
440
The Curse of the Amulet
leimatthew05
2
13k
The World Runs on Bad Software
bkeepers
PRO
72
12k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
430
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Transcript
『モバイルアプリアクセシビリティ入門』 入門 Rikiya Ihara @magi1125
2 伊原 力也 Rikiya Ihara @magi1125 モバイルアプリアクセシビリティ入門 ──iOS+Androidのデザインと実装:書籍案内
3 お話ししたいこと • なぜこの本を出したのか • 本の見どころ • 各種イベントのお知らせ
なぜこの本を出したのか
5 「アプリケーションアクセシビリティ」から生まれた2冊
6 日本語のモバイルアプリアクセシビリティ情報が少ない • モバイル端末、日本の9割弱の人が所持し、1日平均2時間以上ネットしている ◦ iPhoneのスクリーンタイム、AndroidのDigital Wellbeingを見てみよう • しかし、モバイルアプリのアクセシビリティ、Webほど知られてない ◦
iOS/Androidのアクセシビリティ機能、手元にあるのに触られてない ◦ アクセシブルにする方法について日本語のまとまった資料がない ◦ 取り組みを発信している人も(Webに比べると)まだ多くない • Webサイト/アプリとモバイルアプリ、どちらもアクセシブルになる必要がある
7 手にとってもらいやすいようページ数54%カット!(当社比) Webアプリケーション アクセシビリティ 576ページ モバイルアプリ アクセシビリティ入門 264ページ
本の見どころ
9 第1章 モバイルアプリのアクセシビリティとは • アクセシビリティの基礎や、OSごとのアクセシビリティ機能の存在がわかる • 本書以外の周辺情報(英語のガイドラインなど)の存在がわかる • Webアプリケーション〜から2年経っているのでいろいろアップデートしてる
10
11
12 第2章 モバイルアプリのデザインとアクセシビリティ • デザインの前提にアクセシビリティを置くことの意義がわかる • アプリデザインでの要点が、実はWebとあまり変わらないことがわかる • 標準とカスタムの良し悪しや、デザインシステムでのアプローチ例がわかる
None
None
None
16 第3章〜第5章 iOSアプリのアクセシビリティ • iOSのアクセシビリティ機能の使い方が丁寧めに解説されている • アクセシブルにする実装方法が、実はWebとあまり変わらないことがわかる • 読み上げの最適化、オーディオグラフなど、アプリならではのアプローチがわかる
None
None
None
20 第6章〜第7章 Androidアプリのアクセシビリティ • Androidのアクセシビリティ機能の使い方が丁寧めに解説されている • アクセシブルにする実装方法が、実はWebとあまり変わらないことがわかる • 実務上でよく見かける「あるある課題」の乗り越えかたがわかる
None
None
23 付録 WCAG 2.2とモバイルアプリ • モバイルアプリでもWCAGをベースに考えてよいことがわかる • WCAGをそのまま適用できない部分をどう考えていくかの入口がわかる
None
各種イベントのお知らせ
26 モバイルアプリアクセシビリティのコミュニティ発生を狙う! • 12月2日(月)19:30: 刊行記念イベント(オンライン配信&アーカイブもあり) • 12月3日(火)13:00: 公開読書会スタート • 1月10日(金)夜:
モバイルアプリアクセシビリティLT大会@freee(予定) • ハッシュタグは #モバイルアプリアクセシビリティ入門
27 「モバイルアプリアクセシビリティ入門」、好評発売中! • Amazon(紙版 or リフローKindle版) • gihyo.jp(EPUB & PDFセット版)
• 会場後方に物理本を飾って頂いてます!