Lighthouse と ChatGPT を組み合わせ、はてなブログのアクセシビリティ問題を特定・改善する過程を記録。視覚障害のある著者が VoiceOver でテストし、Webアクセシビリティの実践的な改善手法を紹介する。
シェアックリップ
シェアされたアックリップです。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
AIをアクセシビリティテストに活用しても、専門知識、批判的思考、障害のある人の見方が必要。AI活用の限界と人間の判定の重要性を指摘。
LLMがUIスクリーンショットからアクセシビリティ規則違反を検出できるかを測定した実験。GPT、Gemini の精度を比較。
Shadow DOM を使用した Web コンポーネントでスクリーンリーダーが情報を正しく認識しない問題と、その解決方法を技術的に解説。delegatesFocus、ARIA 属性、aria-hidden の活用などの実装パターンを紹介。
そのほかの #Lighthouse ピックアップ
URLを入力してCore Web Vitals、Lighthouse、アクセシビリティスコアを無料で取得できるWebVitalistツール。有料版では詳細レポートを提供。
Web制作の卒業制作をWCAG 2.2に沿ってセルフチェック。LightHouse、キーボード操作、代替テキストの3点から、具体的な問題点と対策を実例で解説。
Lighthouseアクセシビリティスコアが高くても実際のアクセシビリティツリーの品質を保証しないことを説明し、マネーページの監査方法とCI統合のチェックリストを示す。
Lighthouse 100点が実アクセシビリティを保証しない理由を4層で解説。axe-coreの部分実行制限、EUの同意バナー干渉、モバイル固有課題、手動検証の必須性を指摘。
自動テストツール(axe、Lightouseなど)が検出できないアクセシビリティの問題を指摘。キーボード操作・スクリーンリーダー・ARIAの手動検証の必要性と、自動テストと手動テストを組み合わせたアプローチを提唱している。
Web 制作現場でアクセシビリティの重要性をどう説明するか。『使いづらい』と『使えない』の違い、感じ方の多様性、WCAG などの基準が必要な理由を、フロントエンドエンジニアの視点から丁寧に考察。
そのほかの #VoiceOver ピックアップ
iOS27で新たに追加されたVoiceOverのクイック設定項目を紹介する。スクリーンカーテンなど、従来は標準ジェスチャーで利用しにくかった機能をクイック設定から簡単に利用できるようになった。
iOS27でiPhone SE2とiPhone 18 Pro Maxの VoiceOver設定項目の違いを比較する。Apple Intelligenceへの対応が主な違いで、新端末ではライブ認識や画像説明などの機能が追加されている。
VoiceOverを使うEX予約アプリユーザーが身体障害者手帳を登録する手順を解説。VoiceOver環境でのアクセシビリティの課題と、iOS27の画面認識機能を用いた回避方法を実演している。
iOS27でのVoiceOverの改善点を紹介するチュートリアル。ヒント読み上げ機能のカスタマイズ方法、アプリ固有のヒント設定、読み上げ間隔の調整について初級向けに解説。
iOS27で搭載されたVoiceOver新機能「テキスト探索」「テキストナビゲーション」について解説。両機能の違いと設定方法を実例を交えて説明する初級向けガイド。
iOS 27 で追加・変更されたアクセシビリティ機能とVoiceOverの更新をまとめた記事。Apple Intelligenceと連携した画像認識、『読みかた』リストのCSV共有、テキストナビゲーション・テキスト探索の単位制御など、新機能と改善点を解説。
そのほかの #視覚障害・見え方の困りごと ピックアップ
中途失明者である著者が、失明と向き合う日々の経験や思いを綴ったエッセイ。
Sight Tech Global 2026
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
視覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
インクルーシブ経営者サミット2026
身体障害を持ちながら事業を築いてきた経営者たちの挑戦を通じて、多様な視点から生まれる事業や社会への貢献を発信するカンファレンス。
フランスの映画アクセシビリティ推進団体「ルテゥール・ディマージュ」とのオンラインセミナー。音声描写(オーディオディスクリプション)の制作・品質保証と、映画産業における情報保障の社会的価値を問い直す。日仏の比較から、障害のあるクリエイターの仕事の可視化と上映環境の向上を考える。
NO LOOK PARK
アイマスク装用で視力を使わない状態でゲーム・駄菓子選び・書道などを楽しむイベント。視覚障害者と晴眼者がともに企画・実施。
そのほかの #生成AI ピックアップ
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
AIをアクセシビリティテストに活用しても、専門知識、批判的思考、障害のある人の見方が必要。AI活用の限界と人間の判定の重要性を指摘。
LLMがUIスクリーンショットからアクセシビリティ規則違反を検出できるかを測定した実験。GPT、Gemini の精度を比較。
正規化と AI が進んでいるのに組織がアクセシビリティ要件を満たせないのはなぜか。Deque の幹部による、業界の課題と 2027 年までの対応を考察するポッドキャスト。
自動化されたインテリジェント・ガイド・テストが、キーボード操作やフォーカス動作など手動では時間を要するテストを自動化。開発者が数秒で結果を確認でき、AIの判定を人間が検証・修正することで、テスト効率を劇的に向上させる。
生成AIで画像のalt テキストを効果的に作成する5ステップ。画像の役割をつかむこと、AIの落とし穴、人による確認の重要性を解説。