ウェブアクセシビリティ検証ツール「axe」を用いた自動テスト実行スクリプト
Deque Systems, Inc. が開発、公開しているウェブアクセシビリティ検証ツール「axe」のコアエンジン「axe-core」を利用して、ウェブサイトのアクセシビリティ自動テストを実行するためのスクリプトを作りました。ウェブサイト全体 (数百ページ規模) を対象に、一括処理でアクセシビリティを検証し、その結果を、日本語でスプレッドシート (.csv ファイル) に出力することができます。
記事カテゴリー : アクセシビリティ
(全249件 : 4/25ページ)
アクセシビリティ Tips LT 会に登壇しました
2021年1月21日に開催された「アクセシビリティ Tips LT会」に登壇させていただき、「アクセシビリティを高める micro IA」というテーマでお話をしました。
WCAG 3.0 First Public Working Draft
W3C が勧告している WCAG (Web Content Accessibility Guidelines) 2.x シリーズの次期バージョンである、WCAG 3.0 の First Public Working Draft が、2021年1月21日に開示されました。この記事では、WCAG 3.0 について現時点で見えていることを、WCAG 2.x シリーズとの関係や違いの観点から、簡単にまとめてみたいと思います。
No one left behind (誰ひとり取り残さない)
今年は、ウェブアクセシビリティの文脈で、これまでになく「No one left behind」という言葉を見聞きした印象を受けています。「誰ひとりとして、取り残さない」という意味の英語ですが、ウェブを始めとする情報アクセシビリティが目指すところを、端的に表わすキーフレーズだと思います。
ページ内アンカーへのキーボード操作でのアクセシビリティ (ブラウザ側の機能改善)
ページ内の特定のセクション (ページ内アンカー) に遷移するリンクについて、以前はキーボード操作でのアクセシビリティ (フォーカス制御) に問題がありましたが、現在は、主だったブラウザでひととおり解消されていることが確認できました。
書籍「新版 アフォーダンス」
「新版 アフォーダンス (岩波科学ライブラリー)」を読みました。D.A.ノーマン博士による「誰のためのデザイン」で、アフォーダンスという言葉に初めて触れたという方も多いと思いますが、もともとは知覚心理学者のJ.ギブソン博士が提唱した概念です。この記事では、個人的に興味深かった内容を、大きく分けて「アフォーダンス」とそれを人や動物が知覚する「知覚システム」という2つの観点から、メモとしてまとめます。
ウェブの情報設計 (IA) とアクセシビリティ
情報を、見つけやすく、理解しやすくする設計技術である情報アーキテクチャ (IA) はウェブデザインの要ですが、ことウェブにおいては、同内容の情報であっても、ユーザーの多様なコンテキストに応じてコミュニケートのしかたを柔軟に変えることが可能です。こうしたウェブの特性を踏まえると、IA はアクセシビリティと密接に関係があると言えます。
ウェブアクセシビリティ検証ツール「WAVE」のアップデート (2020年9月)
米国の非営利団体 WebAIM が開発しているウェブアクセシビリティ検証ツール「WAVE」がマイナーアップデートされました。主な改善点をご紹介します。
ステッパー (stepper) による数の入力
数 (人数、個数、年齢などのように数えたり測ったりできるもの) を入力させる UI コンポーネントとして、増減ボタンを押して値を入れることができる「ステッパー」があります。この記事では、ステッパーの利点や、アクセシビリティを担保した実装について、考えてみたいと思います。
オートコンプリートのアクセシビリティを考える
フォームのテキスト入力を補完するインタラクションとして、「オートコンプリート」があります。テキストボックスに文字をタイプし始めると、それに呼応して、タイプされた文字列と部分一致する入力値候補が一覧として提示され、ユーザーはその中から入力値を選択できるという、コンボボックス型のインターフェースです。とても便利で有用なだけに、この UI を採用する際には、より多様なユーザーが利用できるようにアクセシビリティもしっかりと担保したいものです。