アクセシビリティの概念的な理解から、取り組むべき理由、ガイドライン、実践方法、その学び方など、幅広いテーマについての概説と、それら各論の参考資料の紹介。| PLAID Engineer Blog
米国の非営利団体 WebAIM が実施した「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、各サイトのホームページに対してウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析するというものです。2025年2月に第7回の調査が実施されたので、その結果を抜粋します。| accessible-usable.net
WCAG 2.2 で新たに追加された達成基準 2.5.8「ターゲットのサイズ (最低限)」について、私自身、実際にウェブアクセシビリティ診断をさせていただく中で、これに抵触しやすい箇所はパターンとしていくつかあると感じています。| accessible-usable.net
WCAG 2.2 では、「隠されないフォーカス」という達成基準が新たに追加されています。この達成基準は、キーボード操作によってフォーカスを受け取ることができる UI コンポーネントにフォーカスが当たったとき、「フォーカスが当たっている」ことが (スティッキーヘッダーや Cookie バナー、オーバーレイ広告、通知などによって) 隠されることなく視認できることを求...| accessible-usable.net
「CSS Nite Shift11」の「アクセシビリティ」セッションで、「インクルーシブデザイン」のお話をさせていただきました。この「インクルーシブデザイン」という考えかたには、実は二つの視点から見た捉えかたがあると考えています。| accessible-usable.net
Heydon Pickering 氏による著書「Inclusive Design Patterns」の日本語訳版、「インクルーシブ HTML + CSS & JavaScript — 多様なユーザーニーズに応えるフロントエンドデザインパターン」が出版されることになりました。私も日本語版レビュワーという形で関わらせていただきましたので、ご紹介します。| accessible-usable.net
The Paciello Group の「Inclusive Design Principles (インクルーシブデザインの原則)」を、このたびインフォアクシアの植木さんと共同で、日本語に翻訳し公開させていただきました。| accessible-usable.net
最近「inclusive design」という言葉がよく使われているように思いますが、ガイドライン (WCAG) を満たして満足することに留まらず、さらに踏み込んでアクセシビリティというものを捉えよう、という問題提起は心底同感するところです。| accessible-usable.net
ウェブアクセシビリティの検証には、自動テストと、人間による手動テストの、ふたつの手法があります。ウェブサイトやアプリケーションを運用する組織において、アクセシビリティ検証を効率的、効果的、そして持続的に行なうには、自動テストと手動テストを、バランスよく組み合わせたいものです。| accessible-usable.net
ウェブアクセシビリティ向上のためのインクルーシブデザインについて考察します。UCD プロセスの上流工程から障害者に参加してもらうことや、ユーザビリティテストに障害者に参加してもらうこと、などが考えられます。| 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
ウェブサイト/アプリケーションの UI デザインツール「Figma」のプラグインとして、Deque Systems が「Axe for Designers」を公開しました。実装前のワイヤーフレームやプロトタイピングの段階で、アクセシビリティに関連するチェックをある程度できるようにしたプラグインです。| accessible-usable.net
WCAG 2.2 では、達成基準 2.5.8「ターゲットのサイズ (最低限)」が新たに追加されています。従来からある達成基準 2.5.5 がタッチインターフェースを想定したサイズ要件であるのに対し、この達成基準 2.5.8 はウェブの利用環境の多様性を考慮に入れる形で、マウスやペンなどを用いた操作も含め、バランスを取ったサイズ要件になっています。| accessible-usable.net
情報設計 / インフォメーションアーキテクチャ (information architecture : IA) に関連する記事の一覧です。| accessible-usable.net
「ダークパターン – 人を欺くデザインの手口と対策」を読みました。ダークパターンの現状、撲滅に向けての動き (主に欧州および米国における法規制)、今後の課題、がコンパクトにまとめられており、ウェブサイトやアプリケーションの UX 向上に携わる方にはぜひお手にとっていただきたい本です。| accessible-usable.net
ご縁あって、数ヶ月前から、地元で開催されている障害者向けパソコン講習会に、ボランティアとして参加しています。いわゆる「パソボラ」というやつですね。 視覚障害者を対象に「音声パソコン講習会」と銘打って開催されているもので、 […]| accessible-usable.net
ウェブユーザビリティと非常に関わりの深い概念として、ウェブアクセシビリティとは何か？ということを考えてみたいと思います。| accessible-usable.net
米国の非営利団体 WebAIM による、恒例のスクリーンリーダー利用者調査 (第7回) の結果が発表されました。調査結果の中から私自身が興味深く感じた事項を中心に、スクリーンリーダー利用に関するトレンドについてまとめたいと思います。| accessible-usable.net
米国の非営利団体「WebAIM」による、スクリーンリーダーの利用に関する調査 (第6回) の結果が発表されました。全体的なトレンドは従来通りな印象ですが、そんな中、個人的にいくつか気になったことをピックアップします。| accessible-usable.net
米国の非営利団体「WebAIM」による、恒例のスクリーンリーダー利用者調査 (第5回) の結果が発表されました。この調査結果からうかがえるスクリーンリーダー利用に関するトレンドについて、私自身が興味深く感じた事項を中心に、まとめたいと思います。| accessible-usable.net
Web アクセシビリティ向上のために活動している米国の非営利団体「WebAIM」による、スクリーンリーダーの利用に関する調査結果が発表されました。この調査結果から見えてくるスクリーンリーダー利用に関するトレンドについて、まとめたいと思います。| accessible-usable.net
Web アクセシビリティ向上のために活動している米国の非営利団体「WebAIM (Web Accessibility in Mind)」による、スクリーンリーダー (音声読み上げ支援技術) の利用に関する調査結果が、20 […]| accessible-usable.net
2010年3月に第25回目として開催されたアクセシビリティに関する国際会議「CSUN」において、Webアクセシビリティ向上のために設立された米国の非営利団体「WebAIM（Web Accessibility in Min […]| accessible-usable.net
iOS の VoiceOver では、読み上げのフォーカスを画像に当てると、「画像には何が含まれているか」を自動的に補足して読み上げさせることができます (同様の機能は macOS や Android にもあります)。ただし、画像の代替テキストが空になっている場合、この機能が使えないことに注意が必要です。| accessible-usable.net
ウェブサイトやアプリケーションの、アクセシビリティおよびインクルーシブデザインに関連する記事の一覧です。| accessible-usable.net
ウェブページに画像を配置する際、「img 要素には alt 属性を入れること」という話は、サイト制作や運営に携わる方なら一度は聞いたことがあると思いますが、実際にどう alt 属性を記述したらよいのか、わからない方も多いのではないでしょうか。この記事では、画像の alt 属性の具体的な入れかたを整理してみましたので、ご参考にしていただければ幸いです。| accessible-usable.net
AI による画像解析が可能になり、もはやウェブコンテンツの画像には代替テキストを書かなくてもよいのでは、という印象をお持ちかもしれません。しかし、画像の存在を認知できることがより重要となり、その手がかりとして、適切に代替テキストを記述することがむしろ求められると考えます。| accessible-usable.net
ウェブコンテンツをダークモードに対応させる場合、単にデバイス (OS) の設定に連動させるだけでなく、ユーザーの任意で都度、モード (テーマ) を切り替えやすくしておくと、なおよさそうです。この記事では、ウェブコンテンツのダークモード / ライトモードを任意で切り替えるユーザーインターフェースについて検討してみたいと思います。| 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
このほど iOS (および iPad OS) のバージョン17.4で、Apple 純正「ポッドキャスト」アプリにおいて、トランスクリプトの自動生成が利用できるようになりました。| accessible-usable.net
米国の非営利団体 WebAIM による、恒例のスクリーンリーダー利用者調査 (第10回) の結果が発表されました。調査結果の中から私自身が興味深く感じた事項を中心に、スクリーンリーダー利用に関するトレンドについてまとめたいと思います。| accessible-usable.net
2023年10月5日付で W3C 勧告となった WCAG (Web Content Accessibility Guidelines) 2.2 について、正式な日本語訳は別途作業中ですが、この記事では主に WCAG 2.2 になじみのない方向けに、新しい達成基準が求めていることとその理由について、大まかに噛み砕いた形でまとめてみたいと思います。| accessible-usable.net
日本国内の視覚障害者の ICT 利用環境向上を目的に活動している日本視覚障害者 ICT ネットワーク (JBICT.Net) が、このたび第3回目となる「支援技術利用状況調査」を実施し、その調査結果の報告書を公開しました。| accessible-usable.net
W3C の WCAG (Web Content Accessibility Guidelines) の新バージョンである WCAG 2.2 が、2023年10月5日に正式な Recommendation (勧告) になりました。| accessible-usable.net
一般的なウェブサイトのフォームであれば、サブミットボタンは常時有効にしておくのが基本ですが、例外的なケースとして、あらかじめシステム側に反映されている情報を変更するようなフォームでは、サブミットボタンがデフォルトで無効になっているほうが、ユーザーにとって状況の認識が容易である可能性があります。| accessible-usable.net
Stark は、各種ブラウザの拡張機能として、あるいは各種デザインツールのプラグインとして、ウェブアクセシビリティに関する様々なチェックができるようになっています。個人的には、以前愛用していた NoCoffee Vision Simulator の代替として重宝しそうです。| accessible-usable.net
米国の非営利団体 WebAIM が開発しているウェブアクセシビリティ検証ツール「WAVE」で、Tab キーによるフォーカス順序を表示する機能が追加されていたので、ご紹介します。| accessible-usable.net
W3C にて策定作業が進んでいる WCAG 3.0 (W3C Accessibility Guidelines) の Working Draft が、2023年7月24日付で更新されました。以前のドラフトから大きく構成などが変わっているため、この記事では改めて WCAG 3.0 の大まかなアウトラインを捉え直すことを主眼に、まとめてみたいと思います。| accessible-usable.net
2024年4月1日より、「障害を理由とする差別の解消の推進に関する法律」(いわゆる「障害者差別解消法」) の改正法が施行されます。この記事では、ウェブアクセシビリティの観点で、改正法の留意点と課題をまとめてみたいと思います。| accessible-usable.net
「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」の制作では、自ら手を動かして EPUB を一から作ってみるという貴重な経験ができました。この記事では、私自身の EPUB 制作過程を振り返りつつ、アクセシビリティに優れたリフロー型 EPUB の作りかたについて、まとめてみたいと思います。| accessible-usable.net
「Form Design Patterns — シンプルでインクルーシブなフォーム制作実践ガイド」電子書籍版 (リフロー型の EPUB) を制作した過程で、いくつかのリーディングシステム (電子書籍の閲覧環境) を用いて表示や動作の検証をしたのですが、ことスクリーンリーダーとの併用について言うと、まだまだ動作が熟れていないのかなという印象を受けました。| accessible-usable.net
W3C が勧告している WCAG (Web Content Accessibility Guidelines) の次期バージョンである WCAG 2.2 が、2023年5月17日付で改めて Candidate Recommendation Draft となりました。この記事では、直前の2023年1月25日版 Candidate Recommendation Draft からの主な変更点と、この時点での WCAG 2.1 からの差分をご紹介します。| accessible-usable.net
「Web アプリケーション アクセシビリティ — 今日から始める現場からの改善」を読みました。ウェブアクセシビリティ向上に関する知識やノウハウが、幅広く、かつ詳細に盛り込まれた、いわば「集大成」な本です。ウェブサイトやウェブアプリケーションの設計や開発にかかわる、すべてのデザイナーやエンジニアの皆さんのお手元にあってほしい一冊です。| accessible-usable.net
WAI-ARIA を用いたウェブコンテンツ制作のガイドとして、W3C が ARIA Authoring Practices Guide (APG) を公開していますが、このほど APG で紹介されている UI コンポーネントパターンの実装例において、主要な支援技術のサポート状況が掲載されるようになりました。| accessible-usable.net
デジタル庁「ウェブアクセシビリティ導入ガイドブック」が改訂されています。微力ながら文書の改善に寄与できて嬉しく思いますし、ウェブアクセシビリティ初学者の方々に向けての入門教材として、私自身ありがたく活用させていただきたいと思います。| accessible-usable.net
米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、ウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析する、というものです。2023年2月に第5回の調査が実施されたので、その結果を抜粋します。| accessible-usable.net
W3C が勧告している WCAG (Web Content Accessibility Guidelines) の次期バージョンである WCAG 2.2 が、2023年1月25日付で改めて Candidate Recommendation Draft となりました。この記事では、2022年9月6日版 Candidate Recommendation からの主な変更点と、この時点での WCAG 2.1 からの差分をご紹介します。| accessible-usable.net
英国政府 (GOV.UK) が、「Designing for people with dyscalculia and low numeracy」という記事および啓発ポスターを公開しました。「数を扱うのが苦手な人を排除することなく情報を伝えるには、どうデザインすればよいか」がまとめられています。| accessible-usable.net
『見えにくい、読みにくい「困った！」を解決するデザイン』を読みました。色、文字、ことば、図解、UI のビジュアルデザインについて、アクセシビリティ (あるいはユニバーサルデザイン、インクルーシブデザイン) の観点から「このように改善するとよい」をわかりやすくまとめた書籍です。| accessible-usable.net
デジタル庁が「ウェブアクセシビリティ導入ガイドブック」を公開しました。公共機関 (および民間事業者) のウェブサイト運用者に向けて、このような入門的な位置づけのガイドブックを公開する意義はとても大きいと言えるでしょう。| accessible-usable.net
Figma で作成したウェブサイト/アプリケーションの画面設計 (ワイヤーフレームやプロトタイプ) に対して、アクセシビリティに関するアノテーション (注釈) を付けるためのキットを、Figma Community にて公開しました。よろしければ、皆さんのプロジェクトやチームの活動で、ご活用いただければ幸いです。| accessible-usable.net
一覧ページにおける各リンクは、リンク間の識別性を高めたり、よりユーザーの目を惹いたりするために、画像 (サムネイル) を伴うものがよく見られます。このような画像を伴う一覧のリンクは、案外アクセシビリティの問題が生じやすいところでもあります。| accessible-usable.net
多要素認証としてワンタイムパスワードの入力が求められることが珍しくなくなってきましたが、その入力欄が通常のパスワード入力欄と同様の実装になっているケースを時折見かけます。こうした実装は、ユーザビリティ (あるいは認知/学習障害のアクセシビリティ) の観点でいくつかの問題があります。| accessible-usable.net
日本国内の視覚障害者の ICT 利用環境向上を目的に活動している日本視覚障害者 ICT ネットワーク (JBICT.Net) が、このたび第2回目となる「支援技術利用状況調査」を実施し、その調査結果の報告書を公開しました。| accessible-usable.net
2022年9月22日に開催された「Inclusive Design 24 (#id24) 2022」に登壇させていただき、「Inclusive Persona Extension」というセッションタイトルで、「インクルーシブなペルソナ拡張」の英語版をご紹介しました。| accessible-usable.net
W3C が勧告している WCAG (Web Content Accessibility Guidelines) の次期バージョンである WCAG 2.2 が、Candidate Recommendation (勧告候補) として2022年9月6日に開示されました。この記事では、WCAG 2.2 で新しく追加される (であろう) 達成基準を、取り急ぎの私訳でご紹介します。| accessible-usable.net
Twitter の「ALT」バッジによって、本来の代替テキストとは違う意図のテキストが投稿画像に対して入れられてしまう問題が見られますが、こうした背景からか、Twitter では画像の代替テキストを適切に記述するようユーザーにリマインダーを提示する機能が追加されました。| accessible-usable.net
W3C の WAI (Web Accessibility Initiative) が、「Web Accessibility Perspectives Videos (ウェブアクセシビリティの観点からの動画)」を公開しています。アクセシビリティの教材としてとても優れたコンテンツなので、ご紹介したいと思います。| accessible-usable.net
2022年7月20日に開催された「PWA Night vol.41 〜 Design」に登壇させていただき、『ウェブアプリのダークモード対応 〜「見やすさ」「わかりやすさ」の観点で考える』というテーマでお話をしました。| accessible-usable.net
2022年4月8日付で、Twitter は「ALT」バッジをグローバルにリリースしました。晴眼者に向けて画像に代替テキストを付けることを啓発、促進する意味合いがあるのだろうと思いますが、実際には「ALT」バッジが表示されたことによってかえって、本来の代替テキストとは違う意図のテキストが入れられてしまうケースが見られるようになっています。| accessible-usable.net
米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、ウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析する、というものです。2022年2月に第4回の調査が実施されたので、その結果を抜粋します。| accessible-usable.net
Deque Systems, Inc. が主催する、デジタル領域のアクセシビリティをテーマにした「axe-con」というカンファレンスがあります。完全オンライン形式で、無料で参加登録できる (アーカイブも視聴可能) ということもあり、日本にいながらでも気軽に参加することができます。今回、いくつか興味深いセッションをアーカイブで視聴しましたので、備忘録として、書き残してお...| accessible-usable.net
キーボードを用いてウェブを利用する人や、ロービジョンのユーザーにとって、フォーカスインジケーターが視認しやすいことはとても重要です。WCAG にはカラーコントラストや面積などの要件が定められていますが、ユーザーの認知、学習を支援する観点から、私自身はこれに加えて「一貫性のあるフォーカスインジケーターにする」ことも併せて考慮に入れたいと考...| accessible-usable.net
ウェブコンテンツのダークモード対応は、必ずしも必須というわけではありませんが、ユーザー体験に寄った視点で考えると一定の意義はあると言えます。なお、ウェブコンテンツにおいては CSS のメディア特性 (prefers-color-scheme) を用いることでダークモード対応ができますが、実際にダークモード対応の実装をする場合は、いくつか気をつけておきたいことがあります。| accessible-usable.net
W3C にて策定作業が進んでいる WCAG 3.0 (W3C Accessibility Guidelines) の Working Draft が、2021年12月7日付で更新されました。この記事では、以前記事にした First Public Working Draft から、どのようなアップデートがなされているのかを、簡単にご紹介したいと思います。| accessible-usable.net
認知および学習に障害を持つ人々にとって使いやすいウェブコンテンツの作りかたについて、W3C が Working Group Note を公開しています。| accessible-usable.net
WAI-ARIA の Landmark Roles は、現在の HTML では冗長な実装 (ランドマークのセマンティクスを持つ要素の中に、同じセマンティクスの role 属性を併記する) をしなくてもよいことになっています。こうしたいわば暗黙的なランドマークの実装が、PC-Talker をはじめとする日本の各種スクリーンリーダーの使用において実用上問題がないかどうかを、改めて検証してみました。| accessible-usable.net
W3C が、自然言語インターフェース (natural language interface) のアクセシビリティについて、ユーザー要求 (user requirements) をまとめ、ドキュメントを公開しています。| accessible-usable.net
ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。このような UI は、アクセシビリティやユーザビリティの観点で問題があります。| accessible-usable.net
W3C による、XR (VR、AR、MR) のアクセシビリティについてユーザー要求 (user requirements) をまとめた文書「XR Accessibility User Requirements」が、最終的な Working Group Note としてリリースされました。| accessible-usable.net
ウェブコンテンツにおけるアニメーションは、アクセシビリティの問題を引き起こすことがあります。CSS の「prefers-reduced-motion」を用いることで、ユーザーのプリファレンス設定に応じて過度なアニメーションを無効にすることができますが、これを免罪符にしないようにしたいものです。| accessible-usable.net
Windows PC においてスクリーンリーダーは、JAWS、PC-Talker、NVDA といったサードパーティ製が主流になっていますが、実は OS の標準機能として、ナレーターというスクリーンリーダーが装備されています。今回、ウェブアクセシビリティ検証の観点から、ナレーターとブラウザ (Edge および Chrome) の併用を試してみました。| accessible-usable.net
日本国内の視覚障害者の ICT 利用環境向上を目的に活動している日本視覚障害者 ICT ネットワーク (JBICT.Net) が、このたび第1回目となる「支援技術利用状況調査」を実施し、その調査結果の報告書を公開しました。| accessible-usable.net
アクセシビリティオーバーレイは、ウェブアクセシビリティの担保に必ずしも有効とは言えないばかりか、障害を抱えたユーザーに対する差別を永続化させてしまったり、アクセシビリティを後付け対応ととらえるマインドを醸成してしまったり、といった負の可能性を含んでいます。訴訟リスク回避のためのオーバーレイ導入はあくまでも一時的なものとし、並行し...| accessible-usable.net
ウェブコンテンツのデザインにおいては、グレースケール表示でも、情報が十分に識別できる必要があります。この要件を満たしているかを検証するツールとして、おそらくもっとも手軽なもののひとつは、パソコンの OS 設定で画面全体をグレースケール表示させることでしょう。| accessible-usable.net
色覚特性を疑似的にシミュレーションできるツールは、デスクトップアプリケーション、ブラウザ拡張機能、デザインツール内の機能、などいろいろありますが、Chrome の場合、実は開発者ツールの中に標準で色覚特性のシミュレーション機能が備わっています。| accessible-usable.net
米国の非営利団体 WebAIM による、恒例のスクリーンリーダー利用者調査 (第9回) の結果が発表されました。調査結果の中から私自身が興味深く感じた事項を中心に、スクリーンリーダー利用に関するトレンドについてまとめたいと思います。| accessible-usable.net
2018年にリリースしたデザイン支援ツール「インクルーシブなペルソナ拡張」について、このほど英語版を制作しました。また、今回の英訳に合わせて、日本語版も含めて、諸々アップデートしました。| accessible-usable.net
Instagram は写真投稿を Facebook にシェアする (ニュースフィード上に写真を埋め込む) ことができます。その際、Instagram で入力した代替テキストも併せて継承され、Facebook ニュースフィードに反映されるのが望ましいと言えます。最近、このあたりの改善が見られたので、詳細を調べてみました。| accessible-usable.net
モーダルウィンドウのアクセシビリティについて改めて調べていたところ、aria-modal という WAI-ARIA の属性が気になりました。実際、ユーザーエージェント (ブラウザとスクリーンリーダーの組み合わせ) で、どのような挙動になるのかを試してみました。| accessible-usable.net
W3C が勧告している WCAG (Web Content Accessibility Guidelines) の次期バージョン、WCAG 2.2 の Working Draft が、2021年5月 (13日と21日) にアップデートされました。この記事では、今回の Working Draft のうち、現行の WCAG 2.1 から追加されている達成基準を改めて私訳しなおす形で、ご紹介します。| accessible-usable.net
米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、ウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析する、というものです。2021年2月に第3回の調査が実施されたので、その結果を抜粋します。| accessible-usable.net
いわゆる「ハンバーガーアイコン」を押すとメニューを展開表示するインタラクションを備えたウェブサイトを昨今よく目にします。そのほとんどがオーバーレイでメニューを展開表示しますが、メニューの提示とその利用をモードレスかつアクセシブルなものにするには、インレイで展開するインタラクションを採用するほうが無難だと言えるでしょう。| accessible-usable.net
W3C が勧告している WCAG (Web Content Accessibility Guidelines) 2.x シリーズの次期バージョンである、WCAG 3.0 の First Public Working Draft が、2021年1月21日に開示されました。この記事では、WCAG 3.0 について現時点で見えていることを、WCAG 2.x シリーズとの関係や違いの観点から、簡単にまとめてみたいと思います。| accessible-usable.net
今年は、ウェブアクセシビリティの文脈で、これまでになく「No one left behind」という言葉を見聞きした印象を受けています。「誰ひとりとして、取り残さない」という意味の英語ですが、ウェブを始めとする情報アクセシビリティが目指すところを、端的に表わすキーフレーズだと思います。| accessible-usable.net
米国の非営利団体 WebAIM が開発しているウェブアクセシビリティ検証ツール「WAVE」がマイナーアップデートされました。主な改善点をご紹介します。| accessible-usable.net
数 (人数、個数、年齢などのように数えたり測ったりできるもの) を入力させる UI コンポーネントとして、増減ボタンを押して値を入れることができる「ステッパー」があります。この記事では、ステッパーの利点や、アクセシビリティを担保した実装について、考えてみたいと思います。| accessible-usable.net
W3C が勧告している WCAG (Web Content Accessibility Guidelines) の次期バージョン、WCAG 2.2 の Working Draft が、2020年8月11日に開示されました。9つの新しい達成基準が追加されており、内容的には、キーボードフォーカスの視認性、改ページのナビゲーション、ドラッグ操作の代替、タッチインターフェースのタップ領域、ヘルプ機能へのアクセス、コントロールの常時可視化、認知...| accessible-usable.net
米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、ウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析する、というものです。2020年2月に第2回の調査が実施されたので、その結果を抜粋します。| accessible-usable.net