1からはじめるアクセシビリティ / beginner-for-accessibility

2019/04/03 渋茶駒玉川エンジニアLT会 #3

Transcript

1. 1からはじめるアクセシビリティ @taki4227
2. • 名前 ◦ @taki4227 • 所属 ◦ ユアマイスター株式会社 • やっていること ◦ ミツモ！の Android / iOS / バックエンド やっています 自己紹介
4. アクセシビリティって？
5. あらゆる人が どのような環境でも 同じように利用できること
6. あらゆる人？ どのような環境？？
7. • 高齢者や子供 ◦ 年齢に関わらない • 障害者や怪我を患っている人 ◦ 健康状態に関わらない あらゆる人 とは？
8. • 運転中や満員電車の中 ◦ 通常操作ができない環境 • 日中の外、暗い部屋の中、電波状況が悪い ◦ 周りの環境 • 画面が大きい、画面が割れている ◦ 端末状況 どのような環境 とは？
9. どうやって同じように利用でき るようにするのか？
10. iPhoneの機能例
11. アクセシビリティ機能 VoiceOver Siri AssistiveTouch
12. + Bluetoothデバイス スイッチコントロール 「Made for iPhone」 補聴器
13. 詳しく見たい方は
14. iOSアプリでできることは？
15. • Dynamic Type • Preserve Vector Data • Smart Invert Colors • Voice Over 対応できるアクセシビリティ(iOS11〜)
16. • ユーザの設定によって、文字の 大きさやマージンが変わる • 文字の変更はシステム設定や コントロールセンターから可能 • アプリではレイアウトを崩れな いよう組む必要あり Dynamic Type
17. • ベクター画像が利用できるように なる • これまで1x, 2x, 3x 画像が必要 だった • Dynamic Typeとともに、画像サイ ズも変えられる Preserve Vector Data
18. • ユーザの設定によって、色を反 転する • 色反転の変更はシステム設定 から可能 • アプリでも対応が必要 (何もし ないと、画像も色反転してしま う) Smart Invert Colors
19. • ジェスチャー操作をすることで画面を読み上げる ◦ テキストやボタンをタップすると、音声で読み上げる • 今までのシングルタップの操作は2回タップに変わる • アプリでは読み上げる対象か対象外かを作る必要あり VoiceOver
20. 実はミツモ！でも アクセシビリティやっています！
21. • Dynamic Type • Preserve Vector Data • Smart Invert Colors • Voice Over ミツモ！でやっているアクセシビリティ
22. ミツモ！ TOP画面