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

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

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

A9dc4a979fcc19704ee457ab5cd0ce71?s=128

taki4227

April 03, 2019
Tweet

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