検索結果 : アクセシビリティ
(全236件 : 1/24ページ)

Google による検索結果を見る

ウェブアクセシビリティ検証ツール「axe」を用いた自動テスト実行スクリプト

Deque Systems, Inc. が開発、公開しているウェブアクセシビリティ検証ツール「axe」のコアエンジン「axe-core」を利用して、ウェブサイトのアクセシビリティ自動テストを実行するためのスクリプトを作りました。ウェブサイト全体 (数百ページ規模) を対象に、一括処理でアクセシビリティを検証し、その結果を、日本語でスプレッドシート (.csv ファイル) に出力することができます。

アクセシビリティ Tips LT 会に登壇しました

2021年1月21日に開催された「アクセシビリティ Tips LT会」に登壇させていただき、「アクセシビリティを高める micro IA」というテーマでお話をしました。

ページ内アンカーへのキーボード操作でのアクセシビリティ (ブラウザ側の機能改善)

ページ内の特定のセクション (ページ内アンカー) に遷移するリンクについて、以前はキーボード操作でのアクセシビリティ (フォーカス制御) に問題がありましたが、現在は、主だったブラウザでひととおり解消されていることが確認できました。

ウェブの情報設計 (IA) とアクセシビリティ

情報を、見つけやすく、理解しやすくする設計技術である情報アーキテクチャ (IA) はウェブデザインの要ですが、ことウェブにおいては、同内容の情報であっても、ユーザーの多様なコンテキストに応じてコミュニケートのしかたを柔軟に変えることが可能です。こうしたウェブの特性を踏まえると、IA はアクセシビリティと密接に関係があると言えます。

ウェブアクセシビリティ検証ツール「WAVE」のアップデート (2020年9月)

米国の非営利団体 WebAIM が開発しているウェブアクセシビリティ検証ツール「WAVE」がマイナーアップデートされました。主な改善点をご紹介します。

オートコンプリートのアクセシビリティを考える

フォームのテキスト入力を補完するインタラクションとして、「オートコンプリート」があります。テキストボックスに文字をタイプし始めると、それに呼応して、タイプされた文字列と部分一致する入力値候補が一覧として提示され、ユーザーはその中から入力値を選択できるという、コンボボックス型のインターフェースです。とても便利で有用なだけに、この UI を採用する際には、より多様なユーザーが利用できるようにアクセシビリティもしっかりと担保したいものです。

The WebAIM Million (100万のホームページに対するアクセシビリティ自動検証)

米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、ウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析する、というものです。2020年2月に第2回の調査が実施されたので、その結果を抜粋してまとめました。

Essence of "Form Design Patterns" (アクセシビリティの祭典 2020)

2020年5月22日に開催された「アクセシビリティの祭典 2020」に、ボーナストラック的な位置づけで登壇させていただき、「Essence of "Form Design Patterns"」というテーマでお話をしました。

ウェブアクセシビリティの検証に iOS「アクセシビリティショートカット」を利用する

iPhone (iOS) には様々な支援技術があらかじめ装備されており、ウェブコンテンツのアクセシビリティを検証するツールとしても有用です。これらの支援技術は、「アクセシビリティショートカット」を使うことで、手軽に利用することができます。

アクセシビリティ要件「色だけに依存しない」をスマートフォンで手軽に検証する

ウェブコンテンツのデザインにおいては、グレースケール表示でも、情報が十分に識別できる必要があります。この要件を満たしているかを手軽に検証できるツールとして、いつも手元にあるスマートフォンの標準機能 (iOS の場合、「カラーフィルタ」) を使うことができます。