noteのiOSアプリがアクセシビリティを強化。画面読み上げ機能で操作できることが広がりました
PR TIMES / 2021年6月9日 13時15分
端末の設定に合わせて、文字の大きさも一部変更可能に
メディアプラットフォームnoteは、iOSアプリのアクセシビリティ向上のため、画面読み上げ機能「VoiceOver」(※1)で操作ができる箇所を増やしました。また、「Dynamic Type」(※2)に対応し、アプリ内の文字の大きさが端末の設定に合わせて一部変更されるようになりました。視覚障害のある方、文字が見えづらい方にも、画面の内容がより伝わりやすくなります。(ver 5.8.0以降)
5月25日(火)に発表した「Webブラウザでの閲覧時の、スクリーンリーダーによる読み上げ」(※3)に続く、noteのアクセシビリティ向上のためのの取り組みのひとつです。noteはクリエイターの環境や心身の条件に関係なく、だれもが創作を楽しめることを目指しています。ほかにも、色覚特性やロービジョンや上肢障害など、今回とは異なる方向でアクセシビリティを必要とするケースにおいても、取り組みを実施していきます。
※1 iOS VoiceOver:AppleのiOSに内蔵された画面読み上げ機能。画面に表示されている内容が音声で読み上げられ、ユーザーは音声説明によって端末を使用できます。
※2 iOS、iPadOS Dynamic Type:システム全体のフォントサイズを調整できる機能。アプリが対応している場合、選んだ文字サイズ設定に合わせて、アプリ内のテキストサイズが変更されます。
※3 Webブラウザでの閲覧時の、スクリーンリーダーによる読み上げのプレスリリース
https://newscast.jp/news/9403609
[画像1: https://prtimes.jp/i/17890/8/resize/d17890-8-722146-0.png ]
iOSアプリのアクセシビリティ向上
1. 記事内画像に代替テキストを設定可能に
記事の投稿画面で、挿入した画像に代替テキストを設定できるようになりました。VoiceOverは、テキストやボタンや入力フォームといった要素は読み上げができるものの、画像の中身を理解して読み上げることはできません。
しかし、画像の代わりとなるテキストがあれば、それを読み上げることで「この画像が何なのか、何を意図して置いているのか」が、視覚障害のある方にもわかりやすくなります。
[画像2: https://prtimes.jp/i/17890/8/resize/d17890-8-163186-1.png ]
2. 見出し画像の挿入・削除がVoiceOverで読み上げられるように
これまでは見出し画像部分にフォーカスが当たっていなかったため、見出し画像の挿入・削除ができませんでした。今回の取り組みで、VoiceOverをオンにした状態でもフォーカスが当たるようになり、見出し画像の挿入や削除ができるようになりました。
3. ハッシュタグ削除がVoiceOverで読み上げられるように
これまではVoiceOverを利用したとき、各ハッシュタグの項目にフォーカスが当たらず、ハッシュタグを削除できませんでした。今回の取り組みから、記事の公開設定画面で、VoiceOverをオンにした状態でハッシュタグの削除ができるようになりました。
[画像3: https://prtimes.jp/i/17890/8/resize/d17890-8-210962-2.png ]
4. アカウント設定画面、通知設定画面をVoiceOverでON/OFF操作がしやすく
これまでもVoiceOverで操作はできていましたが、ON/OFFの切替ボタンもすべて読み上げてしまい、今の状況がONなのかOFFなのかわかりづらい状況でした。今回の取り組みで、読み上げが「フォローされた時 オン」のようにシンプルになり、理解しやすくなりました。
5. 記事作成時、バッジ選択時など、フローティングメニューをVoiceOverで閉じられるように
アプリ下に固定表示されている「つくる」ボタンや、バッジ一覧画面でバッジを選択したときに表示されるメニュー画面で、VoiceOverをオンにした状態でも元の画面に戻れるように修正しました。
[画像4: https://prtimes.jp/i/17890/8/resize/d17890-8-569096-3.png ]
6. アプリ内の文字を読みやすく変更可能に
Dynamic Typeに対応し、アプリ内の文字の大きさが端末の設定にあわせて一部変更されるようになりました。今後も対応箇所を広げます。
・「ホーム」画面
・「みつける」画面
・「アカウント」画面
7. 公開設定画面でハッシュタグをスペースで確定できるように(ver 5.9.0以降)
記事の公開設定画面でのハッシュタグ入力時、これまでは[完了]ボタンをタップしないとハッシュタグとして確定できませんでした。ver 5.9.0以降、Webブラウザ版にそろえて、[空白]ボタンをタップすればハッシュタグを入力できるように変更しました。
アクセシビリティ向上の背景
noteのミッションは「だれもが創作をはじめ、続けられるようにする」。クリエイターの環境や心身の条件に関係なく、だれもが創作を楽しめることを目指しています。そのためにアクセシビリティの向上は不可欠です。現在、note社内のアクセシビリティカイゼンチームのほか、外部の専門家にも協力いただき、取り組みを強化しています。
また、さまざまな環境でnoteを使用している方たちへ、インタビューも行っています。使い心地の変化などを率直にお伺いし、今後の機能開発に役立てていきます。
Webブラウザ版、iOSアプリとカイゼンを発表しましたが、Androidアプリについても、Androidの音声読み上げ機能「TalkBack」操作のカイゼンを行う予定です。noteには現在、アクセシブルではない点が多く存在しています。ひとつずつではありますが、だれもが創作を楽しめる環境をつくるため、今後もアクセシビリティの向上に取り組んでまいります。
note https://note.com/
noteはクリエイターが文章や画像、音声、動画を投稿して、ユーザーがそのコンテンツを楽しんで応援できるメディアプラットフォームです。だれもが創作を楽しんで続けられるよう、安心できる雰囲気や、多様性を大切にしています。個人も法人も混ざり合って、好きなものを見つけたり、おもしろい人に出会えたりするチャンスが広がっています。2014年4月にサービス開始し、約1500万件の作品が誕生。会員数は380万人(2021年3月時点)に達しています。
iOSアプリ:https://itunes.apple.com/jp/app/note-noto/id906581110
Androidアプリ:https://play.google.com/store/apps/details?id=mu.note
note株式会社
わたしたちは “だれもが創作をはじめ、続けられるようにする。“をミッションに、表現と創作の仕組みづくりをしています。メディアプラットフォーム・noteは、クリエイターのあらゆる創作活動を支援しています。クリエイターが思い思いのコンテンツを発表したり、サークルでファンや仲間と交流したり、ストアでお店やブランドオーナーが商品を販売をしたり、note proを活用して法人や団体が情報発信をしたりしています。コンテンツ配信サイト・cakesも運営しています。
所在地:〒107-0061 東京都港区北青山3-1-2 青山セント・シオンビル 4階
設立日:2011年12月8日
代表取締役CEO:加藤貞顕
コーポレートサイト:https://note.jp
企業プレスリリース詳細へ
PR TIMESトップへ
この記事に関連するニュース
-
ファンを採用応募者へ。note proで求人を表示する、新機能を追加
PR TIMES / 2024年4月25日 15時45分
-
プロデビューへの登竜門!日本最大級の創作コンテスト「創作大賞2024」募集開始
PR TIMES / 2024年4月24日 16時40分
-
アプリでも買える! さらに多くのコンテンツが売買されるnoteへ
PR TIMES / 2024年4月10日 18時15分
-
noteと弁護士ドットコム、誹謗中傷などの問題に関する共同プロジェクトを発足
PR TIMES / 2024年4月8日 12時15分
-
仕事や家事、育児……何かを頑張りすぎるあなたへ。心温まる家族の物語!創作大賞2023で受賞した、せやま南天さんがついに小説家デビュー
PR TIMES / 2024年4月5日 13時15分
ランキング
-
1米ファンドに日本KFC売却=三菱商事、来月にも
時事通信 / 2024年4月26日 20時17分
-
2円安止まらず158円44銭 NY市場、34年ぶり水準
共同通信 / 2024年4月27日 9時45分
-
3円相場が一時1ドル=157円を突破 34年ぶりの円安ドル高水準を更新
日テレNEWS NNN / 2024年4月26日 23時38分
-
4止まらない円安 実は「円弱」 日本は“後進国”に転落か 国力低下の現実とは【報道1930】
TBS NEWS DIG Powered by JNN / 2024年4月26日 16時30分
-
5突然現場に現れて「良案」を言い出す上司の弊害 「気になったら即座に直したい」欲求への抗い方
東洋経済オンライン / 2024年4月26日 9時0分
記事ミッション中・・・
記事にリアクションする
記事ミッション中・・・
記事にリアクションする
エラーが発生しました
ページを再読み込みして
ください