Instagram の代替テキストの継承
Instagram は写真投稿を Facebook にシェアする (ニュースフィード上に写真を埋め込む) ことができます。その際、Instagram で入力した代替テキストも併せて継承され、Facebook ニュースフィードに反映されるのが望ましいと言えます。最近、このあたりの改善が見られたので、詳細を調べてみました。
Instagram は写真投稿を Facebook にシェアする (ニュースフィード上に写真を埋め込む) ことができます。その際、Instagram で入力した代替テキストも併せて継承され、Facebook ニュースフィードに反映されるのが望ましいと言えます。最近、このあたりの改善が見られたので、詳細を調べてみました。
モーダルウィンドウのアクセシビリティについて改めて調べていたところ、aria-modal という WAI-ARIA の属性が気になりました。実際、ユーザーエージェント (ブラウザとスクリーンリーダーの組み合わせ) で、どのような挙動になるのかを試してみました。
W3C が勧告している WCAG (Web Content Accessibility Guidelines) の次期バージョン、WCAG 2.2 の Working Draft が、2021年5月 (13日と21日) にアップデートされました。この記事では、今回の Working Draft のうち、現行の WCAG 2.1 から追加されている達成基準を改めて私訳しなおす形で、ご紹介します。
2021年5月20日に開催された「GAAD Japan 2021」に登壇させていただき、『あなたのウェブサイトのアクセシビリティ、一括自動テストしてみませんか? (Puppeteer で「axe」を実行するお手軽スクリプトのご紹介)』というテーマでお話をしました。
米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、ウェブアクセシビリティ検証ツール「WAVE」のエンジンを用いて自動検証を行ない、定量的に傾向を分析する、というものです。2021年2月に第3回の調査が実施されたので、その結果を抜粋します。
いわゆる「ハンバーガーアイコン」を押すとメニューを展開表示するインタラクションを備えたウェブサイトを昨今よく目にします。そのほとんどがオーバーレイでメニューを展開表示しますが、メニューの提示とその利用をモードレスかつアクセシブルなものにするには、インレイで展開するインタラクションを採用するほうが無難だと言えるでしょう。
Google Chrome にライブキャプション機能が追加され、音声 (発話) を含む動画やポッドキャストなどを視聴中、リアルタイムに自動字幕起こしを表示することができるようになりました。
Deque Systems, Inc. が開発、公開しているウェブアクセシビリティ検証ツール「axe」のコアエンジン「axe-core」を利用して、ウェブサイトのアクセシビリティ自動テストを実行するためのスクリプトを作りました。ウェブサイト全体 (数百ページ規模) を対象に、一括処理でアクセシビリティを検証し、その結果を、日本語でスプレッドシート (.csv ファイル) に出力することができます。
2021年1月21日に開催された「アクセシビリティ Tips LT会」に登壇させていただき、「アクセシビリティを高める micro IA」というテーマでお話をしました。
W3C が勧告している WCAG (Web Content Accessibility Guidelines) 2.x シリーズの次期バージョンである、WCAG 3.0 の First Public Working Draft が、2021年1月21日に開示されました。この記事では、WCAG 3.0 について現時点で見えていることを、WCAG 2.x シリーズとの関係や違いの観点から、簡単にまとめてみたいと思います。