コーディングWebアクセシビリティ の商品レビュー

ヘイドン・ピカリング(著者),太田良典,伊原力也

2020/04/24

HTML, CSS, JavaScriptを使ってアクセシブルなコンポーネントをつくるための具体的な方法が書いてあって、アクセシビリティ初心者にとって参考になりました。

2017/11/11

スクリーンリーダーやキーボードで操作する人に向けた対応をせねばと意識付けされた。WAI-ARIA やランドマークの活用方法も知らなかったし、読んでもまだ完全にわかったわけではないので都度読み返すことになりそう。WEB そのものがアクセシブルっていう言葉はなるほどと思った。

2015/09/15

目次は分かりにくくて損しているけれど、WAI-ARIAの解説書としては読みやすいほう

HTML5アプリケーション開発に携わるエンジニアやデザイナーにとってWAI-ARIAは重要だと思いますが、W3Cによる Accessible Rich Internet Applications (WAI-ARIA) 1.0 自体を読んでも、ちょっと理解しづらいのですよね。

『コーディングWebアクセシビリティ--WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション』はとっつきやすい本です。

細かいところですが、章見出しが（あまり日本人にないタイプの）若干面倒くさい感じで、どうにかならないのかとは思いました。「第4章 飛んでいこう」「第5章 いないいないばあ」「第6章 生きてる！生きてる！」とか…　ただし、章扉（各章の冒頭ページ）を読めば各章の概要が書いてありますので、そこをご覧になるとよいと思います。例えば第4章の扉には

> ページ内の移動やナビゲーションについて。ページ内に目印をつけて自由に移動することを可能にする「ランドマークロール」を中心に「ロール」を解説します。

などと書かれています。

「WAI-ARIAを勉強しようと思って、この本を手にとった人」に対しては、「ちょっと目次だけじゃ意味わからないかもしれないけど、そこで閉じずに1分ほど我慢してページをめくってみたらどうですか」とお伝えしたいと思います。

2015/04/24

この本を読んで、自分はいかにWebアクセシビリティを考えてない手法を使ってきたかよく分かった。今度から、ウェブ制作するときには、WAI-ARIAなどのWebアクセシビリティを意識した作りをしていきたい。
CSSをテスト的に使うという手法が面白かった。こういう使い方もあるのか。
『Adobe Blank』という見えないフォントというのがあるのを初めて知った。CSSでの画像置換にも使えそう？
ところで、ダイアログを閉じる時に、ダイアログを開いた時にフォーカスしていた要素にフォーカスを戻すという話で、ダイアログを開いた時に『var trigger = $(this).attr('id') ? $(this).attr('id') : 'origin'』、閉じる時に『$('#' + trigger).focus()』としてたけど、『var $trigger=$(this)』と『$trigger.focus()』でいいような。なぜこんな回りくどいことしてるんだろう。
後、ビッグレッドボタンがよく分からなかった。