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
38
『モバイルアプリアクセシビリティ入門』入門
Rikiya Ihara / magi
November 30, 2024
Tweet
Share
More Decks by Rikiya Ihara / magi
See All by Rikiya Ihara / magi
アクセシビリティに取り組むメリット
magi1125
2
260
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
AIで加速するアクセシビリティのこれから
magi1125
4
710
アクセシビリティの社内浸透
magi1125
0
97
信念を持つ方法
magi1125
0
200
スマホのアクセシビリティ機能お試し大会
magi1125
0
40
最速[要出典]アクセシビリティチェック
magi1125
3
370
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
21
12k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
9.5k
Other Decks in Design
See All in Design
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.5k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
4.2k
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
130
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
150
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
490
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
260
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
0
520
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
380
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
130
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Producing Creativity
orderedlist
PRO
347
40k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
BBQ
matthewcrist
89
9.8k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
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セット版)
• 会場後方に物理本を飾って頂いてます!