スクリーンリーダー基本操作チートシート
ウェブアクセシビリティの検証では、各種スクリーンリーダーを実際に用いてインタラクションを確認する作業が不可欠ですが、操作方法について、それぞれの公式ドキュメントにアクセスして確認するのは手間がかかるものです。そこで、主要なスクリーンリーダーの基本操作を一覧できるようにまとめたチートシートを、このほど公開いたしました。
記事アーカイブ
(全452件 : 2/46ページ)
盲ろう (deafblind) のユーザーへの情報保障としての「説明的なトランスクリプト (descriptive transcript)」
「説明的なトランスクリプト」とは、聴覚障害向けの「キャプション (字幕)」と視覚障害向けの「音声解説」を足し合わせた内容で、それを書き起こしテキストとしてまとめたものです。盲ろうのユーザーにとっては、動画コンテンツを利用するための唯一の情報保障と言えます。
ウェブアクセシビリティ自動テストスクリプト「axe-test.js」のアップデート (WCAG 2.2 対応)
WCAG 2.2 が勧告になったことを受けて、axe-core でも、WCAG 2.2 で新しく追加された達成基準の一部を機械的にテストできるようになっています。これに伴い、私が個人的に公開している「axe-test.js」についても、このたび WCAG 2.2 対応としてアップデートいたしました。併せて「axe-core ルールと WCAG 達成基準の対照表」もアップデートしています。
WCAG 2.2 の新達成基準「ターゲットのサイズ (最低限)」
WCAG 2.2 では、達成基準 2.5.8「ターゲットのサイズ (最低限)」が新たに追加されています。従来からある達成基準 2.5.5 がタッチインターフェースを想定したサイズ要件であるのに対し、この達成基準 2.5.8 はウェブの利用環境の多様性を考慮に入れる形で、マウスやペンなどを用いた操作も含め、バランスを取ったサイズ要件になっています。
ダークパターン – 人を欺くデザインの手口と対策
「ダークパターン – 人を欺くデザインの手口と対策」を読みました。ダークパターンの現状、撲滅に向けての動き (主に欧州および米国における法規制)、今後の課題、がコンパクトにまとめられており、ウェブサイトやアプリケーションの UX 向上に携わる方にはぜひお手にとっていただきたい本です。
画像の代替テキストの自動補足機能
iOS の VoiceOver では、読み上げのフォーカスを画像に当てると、「画像には何が含まれているか」を自動的に補足して読み上げさせることができます (同様の機能は macOS や Android にもあります)。ただし、画像の代替テキストが空になっている場合、この機能が使えないことに注意が必要です。
AI 時代における画像の代替テキスト
AI による画像解析が可能になり、もはやウェブコンテンツの画像には代替テキストを書かなくてもよいのでは、という印象をお持ちかもしれません。しかし、画像の存在を認知できることがより重要となり、その手がかりとして、適切に代替テキストを記述することがむしろ求められると考えます。
ダークモード / ライトモードを任意で切り替える
ウェブコンテンツをダークモードに対応させる場合、単にデバイス (OS) の設定に連動させるだけでなく、ユーザーの任意で都度、モード (テーマ) を切り替えやすくしておくと、なおよさそうです。この記事では、ウェブコンテンツのダークモード / ライトモードを任意で切り替えるユーザーインターフェースについて検討してみたいと思います。
WCAG 3.0 (W3C Working Draft 2024年5月16日版)
W3C にて策定作業が行われている WCAG 3.0 (W3C Accessibility Guidelines) の Working Draft が、2024年5月16日付で更新されました。今回は、初めて網羅的に Outcomes 案が列挙されているので、俯瞰してみたいと思います。
The WebAIM Million (100万のホームページに対するアクセシビリティ自動検証) : 2024年の調査
米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、各サイトのホームページに対してウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析するというものです。2024年2月に第6回の調査が実施されたので、その結果を抜粋します。