ウェブブラウザの「リーダー」モードの実装状況

ウェブブラウザでメインコンテンツ部分に集中にして閲覧することができるモードがあります。以下のようにメインコンテンツ部分のみを表示し、フォントサイズや配色等を変更できる機能です。Safariが「リーダー」モードを実装したことが端を発していますが、最近では、Safari以外でのいろいろなブラウザがそれに相当する機能を備える様になっています

アドレスバーの横のリーダーモードボタンを押すとリーダーモードが表示され、文字サイズや配色、フォントが変更できる
Safariのリーダーモード

 「アクセシビリティの観点からWebブラウザで標準で取り入れて欲しいUI」というエントリでも書いたことがありますが、閲覧環境を柔軟に変更できる機能は、OSでもなく、支援技術でもなく、そして、ウェブサイト側でもなく、本当はウェブブラウザ側で実装する必要があるのではないかと感じていますが、このリーダーモードはそれに近い機能と言えます。

ブラウザの「リーダー」モードの実装状況とそのモードが備えている機能を少しまとめてみました。

「リーダー」モードの実装状況とその機能
ブラウザ名 標準実装 モード名称 文字の拡大縮小 背景色と文字色の変更 フォント変更
(フォントの種類)
文字間隔調整 行間調整 縦書・横書の変更 合成音声による
読み上げの呼び出し
その他
Chrome(Mac OS)
68.0.3440.84
無し
Fiirefox(Windows 10 / Mac OS)
61.0.1
有り リーダービュー 有り 有り 有り
(2種類)
有り 有り 無し 有り
Microsoft Edge
42.1734.1.0
有り 読み取りビュー 有り 有り 無し 有り 無し 無し 有り
Safari(Mac OS)
11.1.2
有り リーダー 有り 有り 有り
(4種)
無し 無し 無し 無し
Moblie Safari (iOS) 有り リーダー 有り 有り 有り
(4種)
無し 無し 無し 無し
Vivaldi (Windows 10 / Mac OS)
1.15.1147.55
有り リーダービュー 有り 有り 有り
(2種類)
無し 有り 有り 無し 幅調整有り
Internet Explore 11 無し
NetReaderⅡ 無し

 

※2018/08/11 追記

 kazuhito さんより本エントリについて、Re: ウェブブラウザの「リーダー」モードの実装状況 というリプライエントリをいただきました(ありがとうございます)。

 本エントリの以下の言葉について

閲覧環境を柔軟に変更できる機能は、OSでもなく、支援技術でもなく、そして、ウェブサイト側でもなく、本当はウェブブラウザ側で実装する必要があるのではないかと感じています

 上について、以下のようなコメントをいただいていますので、少しだけ補足を。

kzakzaさんは優先順位を説いていらっしゃるようなのですが、そこは自分は異なる意見を持っています。ユーザーニーズに寄り添うための機能は、コンテンツの側とそれを表示する側の両方に必要だし(表示がコンテンツそのものからある程度分離されていないと「リーダー」モードだってうまく機能しないはず)、両方が相応の機能を備えてはじめてユーザーニーズを満たし得ると思います。そして表示する側に位置付けられるブラウザ(というかUA)、支援技術、OSはそれぞれに異なるレイヤーにあって、異なる価値なり機能提供が可能であるからして、やはりそれら全てがいい塩梅に連携・協調してこそ……と思います。
Re: ウェブブラウザの「リーダー」モードの実装状況

 私の理解に相違なければ、kazuhito さんの上のコメントに全く異論はありません(むしろ強く同意します)。追記冒頭で書いた本エントリの言葉は、ウェブの閲覧環境を柔軟に変更できる機能を標準で搭載するべきはブラウザではないか、ぐらいの意味で書いたもので、それは排他的な役割分担を意図したものではなく、支援技術やコンテンツ側にそれを実装すること自体を否定するつもりはありません。
 
 kazuhito さんが「それぞれに異なるレイヤーにあって、異なる価値なり機能提供が可能」と書かれているように、それぞれのレイヤーがそれぞれの守備範囲と目的やベクトルを持っています(端的に言って、ウェブを利用するだけでは収まらない人はOSなり、支援技術の利用は欠かせないでしょうし、適した閲覧環境も人によってかなり異なるはずなので、支援技術のフォローが必要な人も)。それらが協調したり、場合によって異なるベクトルから重複した役割を担うことで、100人のユーザーがそれぞれ自分の使いやすい100通りの環境を選択できることが望ましいのだろうと考えています。

 ただ、それを前提として、「アクセシビリティの観点からWebブラウザで標準で取り入れて欲しいUI」で書いたことがありますが、OS、支援技術やコンテンツ側でフォローできないところがあると感じていて、ウェブの閲覧環境については、他のレイヤーよりももっと負うべきものがブラウザ(UA)にはあるのではないか、というものがこの追記冒頭で再掲した本エントリの一文の趣旨でした。ただ、改めて読むと、「OSでもなく、支援技術でもなく、そして、ウェブサイト側でもなく、本当はウェブブラウザ側で」という書きぶりが、読む方に排他的な機能の棲み分けを想起させてしまいますね。今頃気がつきました(すいません 汗)。

ウェアラブルキーボード Tap Strap 購入

 Tap Strapというウェラブルキーボードを購入しました(当初、スマートスピーカーを買おうと思ったけど、GoogleかAmazonか迷っているうちにその想いがこっちに向かった)。

Tap Strapをケースに入れた写真

Tap Strapを指にはめた写真

参考: “キー”も“ボード”もないウェアラブルキーボード「Tap」 – ITmedia PC USER

これの理想形は以下の動画のような感じ。ソファに座って人と談笑しながらの指で膝をリズミカルにたたきつつの文字入力。格好いいじゃないか。買ったは7月でしばらく使っているのだけど、とてもこのように使いこなすまでに至ってはいません(汗)(この2週間ほど触っていないのだけど)。

 
 Tapにはポインティングデバイスの代わりをはたすマウスモードと文字入力を行うキーボードモードがあります。マウスモードの習得は簡単で、出来のよくないトラックパッドを使っているストレスを感じなくはないけど、場所を選ばれたという点は便利といえば便利(とはいえ、平なところに何かに手を接触させる必要はある)。寝ながらのweb探索が捗るかもしれない(iPhone単体で十分なんだけど)。

 しかし、問題は文字入力。アルファベットは一通り入力できるようになりました。しかし、言語切替や、なにかのボタンを押しながら他のボタンを押す操作がなかなかできない(というか、未だに詳しくわからない)ので、日本語入力に使うには、いまだ実用に至っていません。5本指の組み合わせで入力できるもパターンには、どうしても数に限界があって、しかも、3本以上の指を使用しなければならない場合は、指の組み合わせによって、入力が難しいキーもあったりと(自分の不器用さも痛感したり)。実質的には入力に使用できるパターンはさらに限られるっぽい。

 実際に入力する方法は、iOSやAndroidに公式のTapGeniusというインストールして習得するのだけど、このアプリにあるチュートリアルにはないキー入力があって、以下でユーザーが調べて公開してくれているチートシートや開発元が公開しているPDF版のマニュアルにかなり助けられました。というか、これがなかったら、日本語入力にまったくたどり着けなかった。このあたりはマニュアルの整備がまだまだなんだろうけど、このデバイス自体、いろいろと試行錯誤のようなので、やむを得ないのかな。実験体になることを承知で購入しているので、文句を言ってはいけない。

 VoiceOverユーザー向け、つまり、スクリーンリーダーユーザー向けのTap学習アプリTapAloudを今の段階ですでに公開しているあたり、アクセシビリティもかなり意識しているのだろうと思う。

 ちょっと関心したのが、専用ケースがバッテリーを積んでいて、ケースに入れている間に充電ができること。これだけ小さいデバイスなので、Tap Strap単体で何時間利用できるのかと心配していたけど、使用しないときは、ケースに入れておけば、充電もできるので、バッテリーの持ちに関する心配はしなくてすみそう。

 寝そべって文字入力したり、移動中に立っている状態で入力したり、だれも気がつかないうちに「あれ、いつの間に入力されているんだ!」と驚かす感じで文字入力したりしたいのだけど、日本語入力でそこに至るには、TapMapperでキー入力をカスタマイズしないと行けない感じだろうか。

 とりあえず秋に外で人に話す機会があるので、何事もなかったようにマウスモードでスライドめくるなどしてみたい。

※同日追記
というエントリを書いたばかりだけど、前日にユーザー向けに日本語対応を知らせるメールが来ていた。キー配置が変わり、ローマ字入力に利用頻度の高い文字が容易な動作で入力できるようになっているらしいけど、逆に英数の入力が面倒になっている。英数はデフォルトのキー配置のほうが使いやすい。キー配置は切り替えることは可能だけど、英数とローマ字入力でそれぞれのキー配置を覚えるのも、大変なので、今回の対応はあまりメリットが感じられない。

 以下はそれを知らせるメールの抜粋。

We are excited to share that Tap now supports input in any language via the TapMapper tool.
Our community members have already produced TapMaps supporting the following languages:

  • Korean
  • Japanese
  • Chinese
  • Hebrew
  • German

These language maps are free to use and are available to download from our website on our forum: http://tapwith.us/languages. You can even use these maps to brush up on your foreign vocabulary skills or learn new languages completely!