$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
『モバイルアプリアクセシビリティ入門』入門
Search
Rikiya Ihara / magi
November 30, 2024
Design
0
49
『モバイルアプリアクセシビリティ入門』入門
Rikiya Ihara / magi
November 30, 2024
Tweet
Share
More Decks by Rikiya Ihara / magi
See All by Rikiya Ihara / magi
アクセシビリティに取り組むメリット
magi1125
2
280
CMS管理画面のアクセシビリティ
magi1125
8
2.6k
AIで加速するアクセシビリティのこれから
magi1125
4
820
アクセシビリティの社内浸透
magi1125
0
130
信念を持つ方法
magi1125
1
230
スマホのアクセシビリティ機能お試し大会
magi1125
0
48
最速[要出典]アクセシビリティチェック
magi1125
3
390
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
27
13k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
10k
Other Decks in Design
See All in Design
Treasure_Hunting
solmetts
0
110
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
890
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
130
Vibe Coding デザインシステム
poteboy
3
1.5k
Emmy's Artwork
mcksmith
0
170
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
340
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.1k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
220
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
2
970
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
0
160
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
410
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Automating Front-end Workflow
addyosmani
1371
200k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Music & Morning Musume
bryan
46
7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Being A Developer After 40
akosma
91
590k
4 Signs Your Business is Dying
shpigford
186
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
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セット版)
• 会場後方に物理本を飾って頂いてます!