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

Transcript

1. 1からはじめるアクセシビリティ @taki4227

2. • 名前 ◦ @taki4227 • 所属 ◦ ユアマイスター株式会社 • やっていること

   ◦ ミツモ！の Android / iOS / バックエンド やっています 自己紹介
3. None

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画面