「ターゲットのサイズ (最低限)」に抵触しやすい箇所
WCAG 2.2 で新たに追加された達成基準 2.5.8「ターゲットのサイズ (最低限)」について、私自身、実際にウェブアクセシビリティ診断をさせていただく中で、これに抵触しやすい箇所はパターンとしていくつかあると感じています。
記事アーカイブ
(全465件 : 3/47ページ)
WCAG 2.2 の新達成基準「隠されないフォーカス」
WCAG 2.2 では、「隠されないフォーカス」という達成基準が新たに追加されています。この達成基準は、キーボード操作によってフォーカスを受け取ることができる UI コンポーネントにフォーカスが当たったとき、「フォーカスが当たっている」ことが (スティッキーヘッダーや Cookie バナー、オーバーレイ広告、通知などによって) 隠されることなく視認できることを求めています。
持続的なウェブアクセシビリティ検証の運用 (自動テストと手動テストのバランスの取りかた)
ウェブアクセシビリティの検証には、自動テストと、人間による手動テストの、ふたつの手法があります。ウェブサイトやアプリケーションを運用する組織において、アクセシビリティ検証を効率的、効果的、そして持続的に行なうには、自動テストと手動テストを、バランスよく組み合わせたいものです。
WCAG 3.0 (W3C Working Draft 2024年12月12日版)
W3C にて策定作業が進んでいる WCAG 3.0 (W3C Accessibility Guidelines) の Working Draft が、2024年12月12日付で更新されました。この記事では改めて、WCAG 3.0 の概略を押さえ、また今回の WCAG 3.0 Working Draft で改めて列挙し直されたガイドライン項目 (暫定) を俯瞰してみたいと思います。
スクリーンリーダー基本操作チートシート
ウェブアクセシビリティの検証では、各種スクリーンリーダーを実際に用いてインタラクションを確認する作業が不可欠ですが、操作方法について、それぞれの公式ドキュメントにアクセスして確認するのは手間がかかるものです。そこで、主要なスクリーンリーダーの基本操作を一覧できるようにまとめたチートシートを、このほど公開いたしました。
盲ろう (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 にもあります)。ただし、画像の代替テキストが空になっている場合、この機能が使えないことに注意が必要です。