Accessible & Usable

ウェブをはじめとするデジタルコンテンツの、ユーザビリティ、アクセシビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。

新着記事

Twitter 投稿画像の代替テキスト入力リマインダー

Twitter の「ALT」バッジによって、本来の代替テキストとは違う意図のテキストが投稿画像に対して入れられてしまう問題が見られますが、こうした背景からか、Twitter では画像の代替テキストを適切に記述するようユーザーにリマインダーを提示する機能が追加されました。

W3C WAI による「Web Accessibility Perspectives Videos (ウェブアクセシビリティの観点からの動画)」

W3C の WAI (Web Accessibility Initiative) が、「Web Accessibility Perspectives Videos (ウェブアクセシビリティの観点からの動画)」を公開しています。アクセシビリティの教材としてとても優れたコンテンツなので、ご紹介したいと思います。

ウェブアプリのダークモード対応 〜「見やすさ」「わかりやすさ」の観点で考える (PWA Night vol.41)

2022年7月20日に開催された「PWA Night vol.41 〜 Design」に登壇させていただき、『ウェブアプリのダークモード対応 〜「見やすさ」「わかりやすさ」の観点で考える』というテーマでお話をしました。

[Tab] キーによるフォーカス順序を視覚的に表示する Chrome 拡張機能「taba11y」

Chrome の拡張機能「taba11y」をご紹介します。ブラウザで開いているウェブページを解析して、当該ページにおける [Tab] キーによるフォーカス順序を視覚的にオーバーレイ表示してくれる、というものです。

axe-core ルールと WCAG 2.1 達成基準の対照表

axe-core のルール ID と WCAG 2.1 達成基準の対照表を、Google スプレッドシートで作ってみました。「axe-test.js」によるテスト結果と併用することで、検出された個々のアクセシビリティ問題 (axe-core ルール) が、WCAG のどの達成基準に該当するか、一瞥してわかりやすくなります。