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