伊原:けっこう読んでくれます。読み上げ:......31、2011年2月、31、未登録の......、2011年2月......。伊原:ですが、ここ、今、必ず最初にフォーカスしてしまって、この月別のスクロールが必ず2011年にいってしまうので、なにかを選ぼうとすると、すごい選ばなきゃいけないというのがあります。読み上げ:明細を閉じる、ボタン、自動で経理、見出し、ボタン、自動で経理、見出し、ボタン......。伊原:「?」が「ボタン」としか言われない。読み上げ:明細を横にスライドして、サクサク処理、取引登録、プライベート資金。タップして開始......。伊原:音だけだと、どっちにスワイプするかわからないですね。矢印の方向を言ってなかった。タクシー、東京都......。伊原:けっこうちゃんと読んでくれるんだけど、ちょいちょい惜しいところがありますね。読み上げ:......アイコン、トランスファー、ボタン......。伊原:「アイコン、トランスファー、ボタン」、アイコン名で読まれてしまうボタンもある。読み上げ:......カード、テキストフィールド、テキストフィールド......。伊原:ここはラベルが紐付いてないところですね。「テキストフィールド」とだけ言っている。読み上げ:......ホーム、タブ、読み込み中......。伊原:とはいえ、ほとんどのものに触ることができるようにはなっているんですね。読み上げ:取引登録、ボタン、未選択、テキストフィールド、取引テンプレート......。伊原:ここはちょっと順番が入れ替わっている。伊原:これは今、縦に読んでいますね。伊原:あと、この赤いボタンについては読み上げられなかった。これもけっこう惜しいですね。いえ、画面の要素が縦に並んでいることと、画面に出ているものが少ないことによって、比較的使えるというか、Web版をカバーできるようになっている、という感じです。制作者のミスは実はパターン化しているということを1時間半ほどインタビューをして、このケースだけが全部ではないと思うんですが、私が感じた感触としては、いわゆるパレートの法則というか、こういうのがありそうだなと思っています。使う機能って、そんなに多くない。その中でよく遭遇するコンポーネントも、そんなに多くない。発生する問題のパターンも、わりとわかっている。逆にそこだけ使えるようにすれば、ある程度なんとかなるんじゃないか、という感じもしたんです。いうのも、(ここで挙がった問題は)実はこの会の運営をしているサイバーエージェントのあほむさんという方の「既存Webアプリケーションのアクセシビリティを向上させる時によくあるヤツと対応方針」(Webサイト)にほぼ合致するんです。何が言いたいかというと、人はマークアップを間違える時にパターンがあるということです。示し合わせてない人たちなんだけど、そういう方向に収斂していくのが見えて、これはすごい知見だなと思いました。ここに改善案が書いてあるので、ぜひ見てみてください。ちなみにiOSアプリで対応するための記事もあります。Frontendに関する記事をまとめています。Frontendに関する新着記事が公開された際に、通知を受け取ることができます。