この記事は、Web Accessibility Advent Calendar 2014、2日目の記事です。 2014年3月にWAI-ARIA 1.0（日本語訳）が勧告に達しましたが、W3Cでは次期WAI-ARIA 1.1（Editor's Draft）の標準化が進んでいます。WAI-ARIAは、Webで必要とされているセマンティクス…

ブラウザエンジン先端観測会での、Constellationさんの話を聴いて、CSSセレクターマッチングのコストには複数のレベルがあることを強く意識するようになりました。セレクターマッチングにかかるコストを下げたい、という場合には、どのレベルで何を高速化し…

UnicodeのPUA（Private Use Area：私用領域）を使ったアイコンフォント（FontAwesomeなど）には、いくつかアクセシビリティ上の問題があります。この記事では、問題点、対処療法的な解決方法、本質的な解決方法（となりうるもの）について簡単にみていきます…

Nu Markup Checkerにはコマンドラインから呼び出して使えるバージョンもあります（validator.github.io）。この記事では一応、vnu.jarと呼ぶことにします。vnu.jarを使うとローカルに置いたHTML5のチェックは次のように関単に行うことができます。 $ java -j…

先日、Nu Markup Checker（http://validator.nu/）でHTMLファイルをチェックするBrackets用の拡張機能を作りました（Nu Markup Checker for Brackets）。拡張機能自体はありきたりで、特に何というほどのものでもないのですが、この記事ではNu Markup Checke…

先日、Techniques for WCAG 2.0にコメントを送る会をやりましたので、イベント中、およびその後で思ったこと・感じたことを書きます。 この記事ではTechniques for WCAG 2.0について思ったことの後に、個別の実装方法について思ったことの順番に書きます。ま…

最近では多くのブラウザーが縦書きに対応するようになりました（ただしFirefoxは除く）。CSSで縦書きを扱えることのメリットの1つは、縦書き部分を画像ではなくテキストで表現できることだと思いますが、画像を使わなくてはならない場合もあると思います。で…

数式のアクセシビリティには様々な切り口が考えられますが、ここではMathMLとアクセシビリティAPIについて見てみます。 アクセシビリティAPIを使ったアプローチは大きく2つあります。アクセシビリティAPIに数式を表現するための仕組みを設ける方法と、既存の…

MathMLのマークアップは大きく2種類に分かれます。プレゼンテーションとコンテントです。 プレゼンテーションマークアップ プレゼンテーションマークアップは数式のレイアウトを表現します。数式のレイアウトは数式の書き方と言っても良いと思います。例えば…

端的にいってFirefoxのoutlineはわかりにくいです。1pxなので目立たないというのもありますが、そもそも視認できない状況がいくつかあります。 currentColor 例えば、outlineを表示する要素の前景色が、その要素の外側の領域の色と同じ場合、ユーザーはoutli…

大きな表では見出しになる列や行を固定して、残りの行や列をスクロールさせた方がわかりやすい場合があります。しかし、行や列を固定した表をアクセシブルに実装することが難しいことも事実です。 現状では、固定部分とスクロール可能部分をそれぞれ別のtabl…

名前 ブラウザーはスクリーン・リーダーなどの支援技術向けに、ページの構造を提供しています。支援技術はブラウザーが提供するページの構造を読んで、ユーザーに情報を伝えています。このやりとりで使われるのが、アクセシビリティAPIで、やりとりされる情…

しばらく前に、Firefox Nightly（Windows）がハングルのシェイピング*1をharfbuzzで行うようになりました。それにともなって、Firefoxが使っているharfbuzzが更新されています（964240 – update harfbuzz to pick up Hangul shaping improvements and other …