Webアクセシビリティの象徴だったスキップリンクが、テクノロジー進化により必要性を失った現代でもなおチェックリスト項目として形骸化している問題を指摘。正しい見出し構造とランドマーク要素こそが重要であり、形骸化した配慮から脱却することを主張。
シェアックリップ
シェアされたアックリップです。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
GitHub ActionsでWCAG 2.2準拠のアクセシビリティチェックを自動化するアクション。axe-coreを使用し、プルリクエストで違反を検出して構築を失敗させる。重大度レベル(critical/serious/moderate/minor)の設定や基準の選択ができる。
Playwrightを使ったE2Eテストで、ブラウザ(Chromium/WebKit)、端末(iPhone実機/Android Emulator)、画面幅、アクセシビリティなど複数軸での動作確認。Chrome環境のみでなく、Safari系やスマートフォン環境での検証の重要性を解説する。
そのほかの #WCAG ピックアップ
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
WCAG 2.2 もくもく会 #10 ~ ガイドライン 3.1 判読可能 ~
WCAG 2.2のガイドライン3.1(判読可能)と達成方法集を読み合い、参加者で学んだことや気づきを共有するもくもく会。
GitHub ActionsでWCAG 2.2準拠のアクセシビリティチェックを自動化するアクション。axe-coreを使用し、プルリクエストで違反を検出して構築を失敗させる。重大度レベル(critical/serious/moderate/minor)の設定や基準の選択ができる。
WCAG 3.0の最新仕様を読み解き、アクセシビリティ対応における AI の役割を整理した記事。機械的な検証は AI に任せ、文脈理解と定性評価は人間が行うという役割分担の具体例と、マルチエージェントシステムなどの実装方法を提案する。
そのほかの #見出し構造 ピックアップ
WordPress環境でのメール送信におけるアクセシビリティについて。確認メール・パスワードリセット等、ユーザーが受け取る全メッセージが読みやすく・ナビゲート可能である必要性を解説。コンテンツ・構造・デザイン・テスト実践を網羅した講座。
HTMLを可視化するブラウザ拡張機能『Accessibility Visualizer』の開発者 ymrl さんが、代替テキスト・見出し・フォームなどの情報を視覚化するツールと活用法を解説する。
HTMLテーブルのアクセシビリティ実装を、スクリーンリーダー対応に重点を置いて解説。caption、scope属性、id+headers属性などの具体的な手法を紹介する。
La Ligaの20クラブサイトについて、自動ツールと手動テストでアクセシビリティを監査した結果。自動ツールは高スコアでも実際にはスクリーンリーダーやキーボード操作に課題があるケースが多く、企業事例とテスト方法を示す。
ブログ記事のセマンティックマークアップ実装ガイド。h1~h3の階層構造、figcaption、alt text、JSON-LD BlogPostingなど、HTMLの正しい要素選択方法とアクセシビリティを解説。
HTMLタグは見た目ではなく意味を記述するもの。適切に使うことで、スクリーンリーダーや検索エンジンが同じように内容を理解でき、アクセシビリティとSEOを両立。