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
0
59
『モバイルアプリアクセシビリティ入門』入門
Rikiya Ihara / magi
November 30, 2024
Tweet
Share
More Decks by Rikiya Ihara / magi
See All by Rikiya Ihara / magi
アクセシビリティに取り組むメリット
magi1125
2
290
CMS管理画面のアクセシビリティ
magi1125
8
2.6k
AIで加速するアクセシビリティのこれから
magi1125
4
880
アクセシビリティの社内浸透
magi1125
0
140
信念を持つ方法
magi1125
1
240
スマホのアクセシビリティ機能お試し大会
magi1125
0
52
最速[要出典]アクセシビリティチェック
magi1125
3
420
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
33
13k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
11k
Other Decks in Design
See All in Design
第18回サイゼミ
lw
1
1.5k
Vibe Coding デザインシステム
poteboy
3
1.6k
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
380
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
330
2026年、デザイナーはなにに賭ける?
0b1tk
0
430
Findyのプロデチームの 歩みとこれから
satty9556
0
370
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
130
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
260
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
180
Installing and Running decksh/pdfdeck
ajstarks
1
920
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
1
460
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
190
Featured
See All Featured
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
39
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Leo the Paperboy
mayatellez
3
1.3k
Optimizing for Happiness
mojombo
379
70k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
120
Speed Design
sergeychernyshev
33
1.5k
The Language of Interfaces
destraynor
162
26k
Amusing Abliteration
ianozsvald
0
85
Site-Speed That Sticks
csswizardry
13
1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
130
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Designing Powerful Visuals for Engaging Learning
tmiket
0
200
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セット版)
• 会場後方に物理本を飾って頂いてます!