Submit Search
Upload
Voice over20180722
•
Download as PPTX, PDF
•
2 likes
•
10,049 views
T
Tsuyoshi Hyuga
Follow
iOS VoiceOver
Read less
Read more
Technology
Report
Share
Report
Share
1 of 34
Download now
Recommended
Webを支える技術 1章 webとは何か?
Webを支える技術 1章 webとは何か?
善昭 今西
ゲリラ的サービスの育て方
ゲリラ的サービスの育て方
Hidetoshi Mori
iPhoneXのアニ文字を他のiPhoneやAndroidでも使う方法
iPhoneXのアニ文字を他のiPhoneやAndroidでも使う方法
新潟コンサルタント横田秀珠
FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方
Kazuyuki Suzuki
今後のスマートフォンの在り方に関するユーザー
今後のスマートフォンの在り方に関するユーザー
Kenta Funaki
みまもりWATニャン
みまもりWATニャン
YUSUKE MORIZUMI
iOSローカライズことはじめ
iOSローカライズことはじめ
俊輔 嶺村
会話型UI事始め
会話型UI事始め
DeNA
Recommended
Webを支える技術 1章 webとは何か?
Webを支える技術 1章 webとは何か?
善昭 今西
ゲリラ的サービスの育て方
ゲリラ的サービスの育て方
Hidetoshi Mori
iPhoneXのアニ文字を他のiPhoneやAndroidでも使う方法
iPhoneXのアニ文字を他のiPhoneやAndroidでも使う方法
新潟コンサルタント横田秀珠
FirefoxOS勉強会#7 カメラアプリの作り方
FirefoxOS勉強会#7 カメラアプリの作り方
Kazuyuki Suzuki
今後のスマートフォンの在り方に関するユーザー
今後のスマートフォンの在り方に関するユーザー
Kenta Funaki
みまもりWATニャン
みまもりWATニャン
YUSUKE MORIZUMI
iOSローカライズことはじめ
iOSローカライズことはじめ
俊輔 嶺村
会話型UI事始め
会話型UI事始め
DeNA
VoiceUIのデザインと音声サービスの勘所
VoiceUIのデザインと音声サービスの勘所
Yukio Andoh
「変化と戦うロガー開発(iOS_App_Extensions編)」#yjdsw4
「変化と戦うロガー開発(iOS_App_Extensions編)」#yjdsw4
Yahoo!デベロッパーネットワーク
第2回 近JASA セミナー 「組み込みの世界に影響を与える エンタープライズiOS」
第2回 近JASA セミナー 「組み込みの世界に影響を与える エンタープライズiOS」
feedtailor
191004 voice worldz_motoki
191004 voice worldz_motoki
RieMotoki
iOSローカライズことはじめ_Swiftビギナーズ20160109.pdf
iOSローカライズことはじめ_Swiftビギナーズ20160109.pdf
俊輔 嶺村
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
Voicyを支える技術
Voicyを支える技術
Yuji Kubota
Voice interaction api for android m
Voice interaction api for android m
Atsuko Fukui
Universal Links対応をした話
Universal Links対応をした話
Chiharu Nameki
Onlab [growth] hackers conference 2013 Ryosuke Matsumoto
Onlab [growth] hackers conference 2013 Ryosuke Matsumoto
Ryosuke Matsumoto
Kmcn demo
Kmcn demo
Yoshinori Hayashi
App Extensions in iOS ver JP
App Extensions in iOS ver JP
qohj
DevLOVE関西(No.62) 知っておいて損はないエンタープライズiOS導入のいろは
DevLOVE関西(No.62) 知っておいて損はないエンタープライズiOS導入のいろは
feedtailor
Ionicで作るTechfeed
Ionicで作るTechfeed
yoshikawa_t
学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割
Takuya Nishimoto
Androidの音声読み上げ機能とは
Androidの音声読み上げ機能とは
高見 知英
メディアへの寄稿をやってみて〜きっかけと仕事の流れ
メディアへの寄稿をやってみて〜きっかけと仕事の流れ
sugimoto1022
Office for iPad Office for iPhone 企業利用における問題点のまとめ
Office for iPad Office for iPhone 企業利用における問題点のまとめ
adachiyosuke
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Yuichi Kato
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
More Related Content
Similar to Voice over20180722
VoiceUIのデザインと音声サービスの勘所
VoiceUIのデザインと音声サービスの勘所
Yukio Andoh
「変化と戦うロガー開発(iOS_App_Extensions編)」#yjdsw4
「変化と戦うロガー開発(iOS_App_Extensions編)」#yjdsw4
Yahoo!デベロッパーネットワーク
第2回 近JASA セミナー 「組み込みの世界に影響を与える エンタープライズiOS」
第2回 近JASA セミナー 「組み込みの世界に影響を与える エンタープライズiOS」
feedtailor
191004 voice worldz_motoki
191004 voice worldz_motoki
RieMotoki
iOSローカライズことはじめ_Swiftビギナーズ20160109.pdf
iOSローカライズことはじめ_Swiftビギナーズ20160109.pdf
俊輔 嶺村
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
Voicyを支える技術
Voicyを支える技術
Yuji Kubota
Voice interaction api for android m
Voice interaction api for android m
Atsuko Fukui
Universal Links対応をした話
Universal Links対応をした話
Chiharu Nameki
Onlab [growth] hackers conference 2013 Ryosuke Matsumoto
Onlab [growth] hackers conference 2013 Ryosuke Matsumoto
Ryosuke Matsumoto
Kmcn demo
Kmcn demo
Yoshinori Hayashi
App Extensions in iOS ver JP
App Extensions in iOS ver JP
qohj
DevLOVE関西(No.62) 知っておいて損はないエンタープライズiOS導入のいろは
DevLOVE関西(No.62) 知っておいて損はないエンタープライズiOS導入のいろは
feedtailor
Ionicで作るTechfeed
Ionicで作るTechfeed
yoshikawa_t
学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割
Takuya Nishimoto
Androidの音声読み上げ機能とは
Androidの音声読み上げ機能とは
高見 知英
メディアへの寄稿をやってみて〜きっかけと仕事の流れ
メディアへの寄稿をやってみて〜きっかけと仕事の流れ
sugimoto1022
Office for iPad Office for iPhone 企業利用における問題点のまとめ
Office for iPad Office for iPhone 企業利用における問題点のまとめ
adachiyosuke
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Yuichi Kato
Similar to Voice over20180722
(19)
VoiceUIのデザインと音声サービスの勘所
VoiceUIのデザインと音声サービスの勘所
「変化と戦うロガー開発(iOS_App_Extensions編)」#yjdsw4
「変化と戦うロガー開発(iOS_App_Extensions編)」#yjdsw4
第2回 近JASA セミナー 「組み込みの世界に影響を与える エンタープライズiOS」
第2回 近JASA セミナー 「組み込みの世界に影響を与える エンタープライズiOS」
191004 voice worldz_motoki
191004 voice worldz_motoki
iOSローカライズことはじめ_Swiftビギナーズ20160109.pdf
iOSローカライズことはじめ_Swiftビギナーズ20160109.pdf
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Voicyを支える技術
Voicyを支える技術
Voice interaction api for android m
Voice interaction api for android m
Universal Links対応をした話
Universal Links対応をした話
Onlab [growth] hackers conference 2013 Ryosuke Matsumoto
Onlab [growth] hackers conference 2013 Ryosuke Matsumoto
Kmcn demo
Kmcn demo
App Extensions in iOS ver JP
App Extensions in iOS ver JP
DevLOVE関西(No.62) 知っておいて損はないエンタープライズiOS導入のいろは
DevLOVE関西(No.62) 知っておいて損はないエンタープライズiOS導入のいろは
Ionicで作るTechfeed
Ionicで作るTechfeed
学会・研究会の情報保障におけるソーシャルネットワークの役割
学会・研究会の情報保障におけるソーシャルネットワークの役割
Androidの音声読み上げ機能とは
Androidの音声読み上げ機能とは
メディアへの寄稿をやってみて〜きっかけと仕事の流れ
メディアへの寄稿をやってみて〜きっかけと仕事の流れ
Office for iPad Office for iPhone 企業利用における問題点のまとめ
Office for iPad Office for iPhone 企業利用における問題点のまとめ
アプリのUXを磨くベスト・プラクティス
アプリのUXを磨くベスト・プラクティス
Recently uploaded
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
Recently uploaded
(8)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Voice over20180722
1.
CopyrightR-learningInc.AllRightsReserved. 1 VoiceOver について超語る 2018/7/26 日向強
2.
自己紹介 2 •日向強(tsuyoshi hyuga) •@coffeegyunyu •iPhone(2009-) •Android(2010-) •Titanium •tvOS •株式会社アールラーニングにて主に iPhone、Androidの受託開発を担当
3.
VoiceOver 3 VoiceOver って何?
4.
VoiceOver 4 アプリケーションのユーザインター フェイスを説明し、音声とサウンド を使用してユーザによるアプ リケー ション内のビューとコントロールの 移動を支援します。 VoiceOverとは iOSアクセシビリティ プログラミングガイド
より抜粋
5.
VoiceOver 5 テキスト読み上げ機能 視覚的な情報(テキスト、画像、etc)を音声で 読み上げる機能 アクセシビリティの一種
6.
VoiceOver 6 アクセシビリティ 年齢や身体障害の有無に関係なく、誰でも必 要とする情報に簡単にたどり着け、利用できる 読み上げは、視覚サポートのための機能
7.
7
8.
8
9.
VoiceOver 9 連携されているアプリは 結構少ない
10.
VoiceOver 10 例:ショッピングアプリ Kaeru(カエル) • UICollectionViewController •
セルはUIImageViewを内包 • 画像はネットワークから取得 • 画像クリックで商品詳細に遷移
11.
VoiceOver 11 例:ショッピングアプリ Kaeru(カエル) • 商品詳細では、買うボタン とお気に入りボタンが存在 する 何の変哲も無い ショッピングアプリ
12.
VoiceOver 12 VoiceOver ONにするとこうなる
13.
VoiceOver 13 問題1 画像をタップしても、フリック しても商品にフォーカスが当 たらない
14.
VoiceOver 14 問題1 画像をタップしても、フリック しても商品にフォーカスが当 たらない 買えない!
15.
VoiceOver 15 問題1 それぞれのセルで、 cell.imageView.isAccessibilityElement = true とすることでフォーカスが当 たるようになる 買える!
16.
VoiceOver 16 問題2 商品にフォーカスしても、そ れが何なのかわからない
17.
VoiceOver 17 問題2 これは何? そもそも商品? それとも何かのボタン? 商品にフォーカスしても、そ れが何なのかわからない
18.
VoiceOver 18 問題2 画像と同時に商品名も取得し、 cell.imageView.accessibilityLabel に商品名を設定する カバン
19.
VoiceOver 19 問題2 cell.imageView.accessibilityTraits = UIAccessibilityTraitImage にしていれば、画像から判 断して読み上げてくれる (iOS11) 財布 少しぼやけた 明るい
20.
VoiceOver 20 問題3 購入ボタンにフォーカスを当 てたら、意味不明な読み上 げが行われた ぜろにーいちはちあーるびーにばいはち リソース名(0218_rd2_buy_8)を 読んでる
21.
VoiceOver 21 問題3 内容によっては「発音不能」 と読み上げられる はつおんふのう
22.
VoiceOver 22 問題3 これでは買えない accessibilityLabelの設定を忘 れずに!
23.
VoiceOver 23 問題4 UILabelは何もしなくても大丈 夫?
24.
VoiceOver 24 問題4 UILabelは何もしなくても大丈 夫? テレビで紹介されてた カエルをダウンロードしたけど 偽物なのかな? けるー
25.
VoiceOver 25 問題4 カエル UILabelはデフォルトでtextの 内容を読み上げるが 意図しない読み上げを防ぐ ためaccessibilityLabelの設定 も検討しよう
26.
VoiceOver 26 問題4 kɑ.e.ɾɯ.ɯ(国際音声記号) iOS11であれば、 accessibilityAttributedLabel を用いての読み上げも可能 let attributedString = NSMutableAttributedString(string:
”Kaeru") attributedString.addAttribute( NSAttributedStringKey(rawValue: UIAccessibilitySpeechAttributeIPANotation), value: "kɑ.e.ɾɯ.ɯ", range: NSRange(location: 0, length: 5))
27.
VoiceOver 27 問題4 多くの場合、 ブランド名=アプリ名 だと思うので、 plistに CFBundleSpokenNameの設 定も忘れずに! カエル
28.
VoiceOver 28 おまけ リツイートを行う 各コンポーネントに accessibilityLabel設定済み リツイート
29.
VoiceOver 29 おまけ セパレータは認識できない ため、リツイートボタンが、 「何に対して」のリツイートか わからない このリツイートボタンは 上下どっちをリツイートするの?
30.
VoiceOver 30 おまけ 改善案として、 UITableViewCell全体のみを アクセシブルにして、リツイ ートのアクションはセル選択 後の画面で行う
31.
VoiceOver 31 おまけ アクションを行う気がないツイー ト内のボタンへのフォーカスも無 くなるので、 タイムラインも右フリックで移動し やすい
32.
VoiceOver 32 まとめ
33.
VoiceOver 33 •iOSには、VoiceOverという、画面読み上 げ機能が標準で存在する •対応されているサービスは結構少ない •VoiceOverに対応するには設計や実装が 必要 •VoiceOverに対応することは「正しいこ とである」 まとめ
34.
34
Download now