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
110
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
350
CMS管理画面のアクセシビリティ
magi1125
8
2.9k
AIで加速するアクセシビリティのこれから
magi1125
4
1.1k
アクセシビリティの社内浸透
magi1125
1
220
信念を持つ方法
magi1125
2
310
スマホのアクセシビリティ機能お試し大会
magi1125
1
97
最速[要出典]アクセシビリティチェック
magi1125
4
520
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
67
17k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
11k
Other Decks in Design
See All in Design
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
1.2k
Design dependencies
teba_eleven
0
170
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
370
ポートフォリオ_あやの
ngyenmazt1412
0
1.7k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
2.8k
デザイン組織の"次の"強みづくり
isaikaori
2
230
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.7k
Kouseki | CREATIVE CLASS成果物
yuri9911
0
180
言幹と言葉(Stems & Leaves)
kakukoki
0
210
タイル紹介サイト「タイルだもんで」
calpin
0
180
Webデザイナー中田美穂_ポートフォリオ
omy
0
110
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
290
Featured
See All Featured
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
230
Believing is Seeing
oripsolob
1
210
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Design in an AI World
tapps
1
310
Site-Speed That Sticks
csswizardry
13
1.5k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
30 Presentation Tips
portentint
PRO
1
390
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
520
Thoughts on Productivity
jonyablonski
76
5.4k
We Have a Design System, Now What?
morganepeng
55
8.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
The Pragmatic Product Professional
lauravandoore
37
7.4k
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セット版)
• 会場後方に物理本を飾って頂いてます!