New Equa11y Plugin for SuperCLI SuperCLIの新Equa11yプラグイン

記事 海外
DEV Community

コマンドラインツール向けアクセシビリティプラグイン。SuperCLI用の新しいEqua11yプラグインで効率的にアクセシビリティテストを実行する方法を解説している。

Trying this out for accessibility testing! A11yInspectでアクセシビリティテストを試してみた

記事 海外
DEV Community

アクセシビリティテストツール「A11yInspect」の実用性を試験・検証した記事。新しいテストツールの特性と活用シーンを紹介している。

Online Course Accessibility: A Non-Developer's Guide to Teachable, Kajabi, and Thinkific オンラインコースのアクセシビリティ完全ガイド:Teachable・Kajabi・Thinkific

記事 海外
DEV Community

オンラインコース作成プラットフォーム(Teachable/Kajabi/Thinkific/Podia)のアクセシビリティギャップ。プラットフォーム側では対応できない部分と、コンテンツ制作者が実施すべき対応を解説。

Closing the Audio Gap in WCAG 2.2 Accessibility WCAG 2.2における音声アクセシビリティのギャップを閉じる

記事 海外
DEV Community

WCAG 2.2における音声アクセシビリティの課題と改善方法についての記事。オーディオコンテンツの字幕、トランスクリプション、音声ガイダンスなどアクセシビリティ向上のための実装ガイドを提供する。

Focus indicators failing WCAG 1.4.11: real cases and exact fixes WCAG 1.4.11におけるフォーカスインジケータの失敗例と修正方法

記事 海外
DEV Community

フォーカスインジケータのWCAG 1.4.11視覚的フォーカス表示基準への違反事例と修正方法を解説。キーボード操作ユーザーにとって必須となる機能の実装ガイドを具体的に紹介する。

Foundational Accessibility Begins with the Base Components 基盤コンポーネントから始まるアクセシビリティ:Reactナビゲーション実装

記事 海外
DEV Community

Reactでアクセシブルなメインナビゲーションコンポーネントを開発するアプローチ。基盤となるベースコンポーネントの正しい設計と実装で、プロダクト全体のアクセシビリティ向上を実現する方法を解説。

Your Coffee Shop Mobile Ordering App Is the Next ADA Lawsuit Target — Here's Why カフェのモバイルオーダリングアプリはADA訴訟の対象に――その理由と対策

記事 海外
DEV Community

モバイルオーダリングアプリのADAコンプライアンスについて、Robles v. Domino's判決を踏まえて解説。スクリーンリーダー対応の重要性を実務的に強調。

AI Doesn't Fix Accessible Systems. It Depends on Them. AIはアクセシブルなシステムを修正しない。むしろそれに依存している

記事 海外
A11y Weekly

AIが機能するには既存のアクセシビリティシステムが不可欠であることを論じ、AIだけではアクセシビリティ問題は根本解決しないと指摘する。

Amy Warms to the Fireside – HTML Accessibility エイミーのファイアサイド - HTMLアクセシビリティ

記事 海外
HTML5 Accessibility

HTMLのアクセシビリティについてのコンテンツ。セマンティックHTMLとWAI-ARIAの適切な使用方法、実装上の考慮点について詳しく解説。

はてなブックマーク

2027年4月施行予定の障害者差別解消法改正で民間企業に求められる合理的配慮義務を解説。実装の課題と当事者の期待・懸念を報道。

note

ユニバーサルデザインと行動科学の視点から、新しいことを始めるときの心理的・社会的バリアを分析。意志の問題ではなく、設計によって克服可能な課題として扱う。

Spacing Considerations in Accessible Design アクセシブルデザインでのスペーシングの考慮

記事 海外
DEV Community

React でアクセシブルなナビゲーションコンポーネント開発する際に、スペーシング(余白・間隔)がアクセシビリティに与える影響と設計上の考慮点を解説。

Turning Images into Useful Text with AI AI で画像から有用なテキストを生成する方法

記事 海外
DEV Community

AI を活用して画像から自動的に説明テキストを生成し、スクリーンショットなどのコンテンツを再利用可能なテキスト化する手法と事例。

Microsoft Dumps Xbox Copilot AI, Sparking Accessibility Outcry Xbox Copilot AI廃止——障害者ゲーマーのアクセシビリティ喪失

記事 海外
DEV Community

MicrosoftがXbox Copilot AIの廃止を計画。障害のあるゲーマーの重要なアクセシビリティ機能が失われることへの懸念と反発。商用AI機能とアクセシビリティ維持の緊張関係を問うレポート。

note

GPSセンサーと AI 予測エンジンを統合した人流分析プラットフォームのフロントエンド。ダッシュボードのデータビジュアライゼーションに高度なアクセシビリティ対応を実装した企業事例。

note

視覚障害のあるクリエイターが、iOSシンプルメモアプリの優れたアクセシビリティ設計を当事者視点から紹介。スクリーンリーダー対応による使いやすさを解説。

Weekly Reading List May 4 2026 - TPGi — a Vispero company TPGi週刊リーディングリスト

記事 海外
TPGi

デジタルアクセシビリティ業界の最新ニュースとリソースを週単位で厳選したリンク集。業界全般の動向、実装事例、ガイドライン更新など幅広い情報を網羅。

WENDY FIRESIDE – HTML Accessibility WENDY FIRESIDE – HTMLアクセシビリティ

記事 海外
HTML5 Accessibility

HTML標準におけるネイティブアクセシビリティ機能の実装詳解。セマンティックマークアップとWAI-ARIAの相互関係を含め、アクセシブルなHTML開発の原則を網羅的に解説。

Next.js Link as a Button Next.js Link をボタンとして扱う

記事 海外
Kitty Giraudel

Next.jsのLinkコンポーネントをボタンとして扱う実装方法を解説している。セマンティックHTMLとアクセシビリティを考慮した設計が主題。

Sticky Header Accessibility: The Skip Link, Focus, and Reflow Problems Most Sites Miss スティッキーヘッダーのアクセシビリティ:スキップリンク、フォーカス、リフロー問題

記事 海外
DEV Community

スティッキーヘッダーが引き起こすWCAG違反3つ(フォーカス隠蔽、スキップリンク破損、320pxリフロー)の対策を解説。多くのサイトが見落とすアクセシビリティバグ。

note

車椅子利用者が家族との共生のためバリアフリー住宅の改修に取り組む体験記。マニュアル基準では解決しない設計課題と、標準化の限界、当事者視点の重要性を記録している。

note

全盲の開発者が日本語点字対応Webアプリを開発・公開した経験記。Claude Codeを活用した支援技術開発の実践と、スクリーンリーダー環境での操作性を記録している。

ARIA Roles Explained: A Practical Guide for Web Developers ARIAロール解説: ウェブ開発者向け実践ガイド

記事 海外
Level Access

WAI-ARIAロールの正しい使用方法を解説したガイド。ウェブ開発者向けに、スクリーンリーダーなどの支援技術がHTML要素の構造と役割を理解するメカニズムを説明する。

Hunting for an Accessible React Navigation Component Reactでアクセシブルなナビゲーションコンポーネントを探す

記事 海外
DEV Community

Reactでアクセシブルなナビゲーションコンポーネント実装の課題を探索。既存ライブラリの検討から実装までのプロセスを通じ、開発者が直面する実践的な選択肢を提示する。

More Accessible Focus Indicators with Compose Composeでよりアクセシブルなフォーカスインジケータを実装する

記事 海外
DEV Community

Composeでアクセシブルなフォーカスインジケータを実装する方法について。キーボード操作とスクリーンリーダー利用者を考慮したインターフェース設計パターンを解説する。

note

支援者と当事者の両方の経験を持つ著者がAIを活用した相談支援を実践する軌跡。複数の視点を統合することで生まれる発想と実践について述べる。

WebAIM: Tolerating Inaccessibility WebAIM:アクセシビリティ不足への対応

記事 海外
WebAIM

アクセシビリティの制限や欠如について、実務的な対応や考察を論じた記事。実装上のトレードオフと優先順位の判断について解説。

You Cannot Spell “Pain” Without AI AIなしに『ペイン』は成り立たない

記事 海外
Kitty Giraudel

AIによるアクセシビリティの課題や痛点について論じた、Kitty Giraudelによる記事。生成AIが引き起こす新たなアクセシビリティ上の問題を探求する。

Making keyboard navigation effortless :: Aaron Gustafson キーボードナビゲーションを容易にする方法

記事 海外
Aaron Gustafson

キーボードナビゲーションの実装を容易にするための手法と設計パターンについて解説した記事。ユーザーの操作体験を中心に据えたアプローチを探究。

Squarespace Looks Accessible Until You Tab Through It. Here Are the 5 Blocks That Break. Squarespace のアクセシビリティ問題: キーボード操作で浮き彫りになる5つのブロック

記事 海外
DEV Community

Squarespacee のデフォルトブロックに組み込まれた5つのアクセシビリティ問題を指摘。キーボードナビゲーション検証で明らかになる落とし穴と自動ツールの検出限界を解説。

note

UDデジタル教科書体を活用した視覚障害児向けの絵本企画。見えづらい子どもへのアクセシブルな読書体験をUDフォント・デザインで実装。

When One ADA Claim Becomes Three 1件のADA訴訟が3件に — Webアクセシビリティ対策の重要性

記事 海外
UsableNet

ADA訴訟が複数化する背景と対策を解説。デジタルアクセシビリティの継続的改善で訴訟リスクを軽減する方法を提示する。

Accessibility Testing: Best Practices アクセシビリティテスト:ベストプラクティス

記事 海外
DEV Community

アクセシビリティテストにはスキャナー以上の方法が必要。自動テストツールは30〜50%程度しか検出できず、手動テストの重要性を解説。

note

片手用ゲーミングデバイス開発など、インクルーシブデザイン原則に基づく製品開発が経営戦略としていかなる市場機会を生むかを解説する経営記事。

はてなブックマーク

新宿区が公共スペースの椅子デザインを、利用者の声をもとに段階的に改善。小柄な人から高齢者まで様々な体格に対応するユニバーサルデザイン実例の紹介。

Scaling agentic A11y with browser-side scans AIエージェントを活用したアクセシビリティスキャンのスケーリング

記事 海外
DEV Community

AIエージェントを活用し複数コンポーネントのアクセシビリティを自動スキャンする設計パターンと実装方法。ブラウザサイドでのスケーラブルな検査自動化の実践的アプローチを解説。

AI effluent never stops – HTML Accessibility AI汚染は止まらない:HTML標準とアクセシビリティ

記事 海外
HTML5 Accessibility

AI時代におけるアクセシビリティの課題を論じた記事。生成AI技術の普及がウェブアクセシビリティに与える影響と問題を指摘。

AI is accidently making documentation accessible :: Aaron Gustafson AIが偶発的にドキュメント作成をアクセシブルにしている

記事 海外
Aaron Gustafson

AIが文書生成の過程でアクセシビリティに無意識に貢献する可能性を論じる。ドキュメンテーションにおける自動化ツールの予期しない効果を分析。

WCAG compliancy date widget WCAGコンプライアンス対応の日付入力ウィジェット

記事 海外
DEV Community

ウェブフォームの日付入力欄におけるアクセシビリティの課題とWCAGコンプライアンス対応方法についての実装ガイド。

🚀 Just Published: ReactTailwindAccessKit React Tailwind アクセシビリティキット

記事 海外
DEV Community

React と Tailwind CSS を使用したアクセシブルな UI コンポーネントライブラリ。モダンで視覚的に優れた UI を構築する際のアクセシビリティ実装手法を解説する。

We Asked 5 AI Code Generators to Build a Contact Form. Axe-Core Said They All Passed. 5つのAIコードジェネレータでコンタクトフォームを構築。Axe-Coreはすべてパスと判定

記事 海外
DEV Community

AIコード生成ツール5種がアクセシビリティ検査をパスするかを検証。自動スキャナ(axe-core)では合格でも、実装されたHTMLには数多くアクセシビリティバグが存在することを実証

note

スクリーンリーダーで初めてWebサイトを体験した新入社員による研修レポート。alt属性空白と見出し構造崩れが与える影響を実感。

Weekly Reading List April 20 2026 - TPGi — a Vispero company TPGi 週刊リーディングリスト

記事 海外
TPGi

TPGi によるデジタルアクセシビリティ業界の週刊ニュースリンク集。毎週月曜に最新のトレンド・リサーチ・実装ノウハウを厳選してまとめたキュレーション記事。

As We May Code: Why Software Is a Human Problem Dressed in Logic ソフトウェアは人間の問題である — コードの奥の論理を問う

記事 海外
DEV Community

ソフトウェア開発における人間中心設計の本質を論考。インターフェース設計やアクセシビリティの課題が本質的に人間中心の問題であることを解説する。

はてなブックマーク

駅や施設の案内板の文字が小さすぎることを指摘。焦りや混乱の中でこそ、大きく読みやすい文字が必要という、状況依存的なアクセシビリティの重要性を訴えている。

How Talkie OCR Helps Vision-Impaired & Dyslexic Users Read the World Around Them Talkie OCRが視覚障害・ディスレクシアのユーザーの「周囲の世界の読み取り」を支援する方法

記事 海外
DEV Community

視覚障害および読字障害ユーザーがiPhoneのOCR機能と音声読み上げを使ってラベルや文書を認識・読み上げるアプリ。OCRと翻訳機能を搭載。

Accessibility Is a Product Decision, Not Just a Developer Task. アクセシビリティはプロダクトの意思決定事項であり、開発者だけのタスクではない

記事 海外
DEV Community

アクセシビリティを最後に付け足すのではなく、プロダクト開発の最初の段階から組み込むべき判断であることを論じた記事。開発組織のマインドセット変革を促す。

note

建物設計におけるユニバーサルデザイン実装事例をBREEAM評価基準のインクルーシブデザイン項目から解説した記事。年齢・サイズ・能力に関わらずすべてのユーザーが尊厳を持って施設を利用できる設計を提唱している。

Aphantasia and Code: How a Founder With No Mental Imagery Designs Visual Software Aphantasiaとコード:心的イメージを持たない創業者が視覚的ソフトウェアを設計する方法

記事 海外
DEV Community

失想像症の創業者がAI画像プラットフォーム開発から学んだ、神経多様性を踏まえたプロダクト設計・アクセシビリティ・制約の価値転換。

Aphantasia and Code: How I Design Visual Software Without Being Able to Picture It アファンタジアとコード:視覚的イメージを持たずにビジュアルソフトウェアを設計する方法

記事 海外
DEV Community

心的画像を見ることができないアファンタジアを持つ開発者が、35,000ユーザーのAI画像プラットフォームをどのようにUXデザインするかを実践的に解説する。

I built a local screen reader that reads your screen aloud — no cloud, no API keys クラウドもAPIキーも不要なローカルスクリーンリーダーを自作した

記事 海外
DEV Community

クラウドやAPIキーを不要とするローカルスクリーンリーダー「sttts」を開発した経験とテキスト読み上げパイプラインの実装方法を解説。開発者のワークフロー課題を実装で解決。

note

イギリスの博物館で運営されている障害者向けインクルーシブ・プログラムの実例をもとに、発達障害と博物館プログラムの関係を考察した記事。臨床美術や芸術療法を超えた、インクルーシブ設計の実践例を紹介する。

A compelling title that is cryptic enough to get you to take action on it 行動を促すほど謎めいた、思わずクリックしたくなるタイトル

記事 海外
Eric Bailey

セマンティックHTMLとスキップリンク、段階的情報構造によるアクセシビリティ対応Webページ設計を解説。キーボード操作と読み上げに対応した実装手法が学べる。

note

重度の肢体不自由がある方が支援機器を活用して実際に働くプロセスを追った記事。適切なテクノロジーと配慮があれば、障害のある人も働ける環境づくりが可能であることを示す実例。

Two SDNY Decisions in One Week Show Courts Are Done Messing around with Questionable Accessibility Litigation - Sheri Byrne-Haber's Blog 1週間で2件のSDNY判決が示す、問題のあるアクセシビリティ訴訟に対する裁判所の厳格化 – Sheri Byrne-Haber's Blog

記事 海外
Sheri Byrne-Haber

米国南部地区裁判所の2件の判決から見えるアクセシビリティ訴訟に対する司法の姿勢を専門家が分析。不当な訴訟への対抗と法的課題を解説する。

Getting Hidde Fireside – HTML Accessibility Hidde との炉辺談話 – HTML Accessibility

記事 海外
HTML5 Accessibility

Webアクセシビリティの国際的リーダーであるHidde de Vriesへのインタビュー。オランダ政府のアクセシビリティ顧問として政府レベルでのアクセシビリティ評価と国際的な取り組みを解説する。

old advice – Hiding Content Has No Effect on Accessible Name or Description Calculation – HTML Accessibility 旧情報 – コンテンツを非表示にしてもアクセシブルな名前・説明の計算には影響しない – HTML Accessibility

記事 海外
HTML5 Accessibility

CSSで視覚的に非表示にした要素でも、WAI-ARIAの属性がアクセシブル名・説明計算に影響することを、スクリーンリーダーの実例で解説した技術記事である。

The WebAIM Million - 2026 Update WebAIM Million - 2026年版

記事 海外
A11y Weekly

WebAIMが数百万のWebサイトをスキャンして実施したアクセシビリティ分析の2026年版レポート。Webアクセシビリティの問題傾向と改善課題を可視化した重要な調査。

Dev-First Accessibility: Fix Issues In-Flow 開発者ファーストのアクセシビリティ:フロー内で問題を修正する

記事 海外
Level Access

アクセシビリティ検証をバックログ化せず開発フロー内で実施し、問題をその場で修正するアプローチをLevel Accessが提唱・解説している。

Locked Out: Why OTP and 2FA Often Fail Users with Disabilities - Sheri Byrne-Haber's Blog 締め出される:OTPと2FAが障害のあるユーザーの期待に応えられない理由 - Sheri Byrne-Haberのブログ

記事 海外
Sheri Byrne-Haber

ワンタイムパスワードと二要素認証がスクリーンリーダーユーザーや聴覚・視覚・認知障害のあるユーザーを排除する問題と、その解決策(複数認証方法、ARIA対応等)を分析した記事。

Shifting and Shuffling 変化とシャッフル(A11y Weekly #493)

記事 海外
A11y Weekly

Webアクセシビリティの最新動向を扱う週刊ニュースレター。ブラウザの新機能、関連ツール、実装のベストプラクティスを毎週解説。

Accessibility Law of Headlines アクセシビリティ見出しの法則

記事 海外
Adrian Roselli

アクセシビリティについての絶対的な見出しは例外なく誤りであるという「アクセシビリティ見出しの法則」を提唱。WCAGガイドラインの相対的性質と複雑性を論じている。

Why you shouldn’t trust the people who built your inaccessible site to fix it - Sheri Byrne-Haber's Blog アクセシビリティ違反サイトを作った人々に修正を任せてはいけない理由

記事 海外
Sheri Byrne-Haber

アクセシビリティの低いサイトを作った人がそれを修正できると信じてはいけない理由を論じた記事。ビジネス・教育設定における当事者視点の重要性とアクセシビリティ修正の責任について解説している。

Zenn

カラーユニバーサルデザイン対応テストを実施した東京都のデータポータル。『誰ひとり取り残されないようにしよう』というデジタル10か条に基づき、色覚特性に配慮したカラーパレットを設計した行政デジタルサービスの実践例。

X(Twitter)

アクセシビリティ失敗の原因はデザイン責任ではなく、エンジニアリング的失敗であることを論じた記事。フルスタック採用トレンド・AI生成コード・コンプライアンス優先姿勢が重なり、見えにくい危機を生み出している現状と解決策を提示。

I Tried to Educate an Accessibility Overlay Company From the Inside アクセシビリティオーバーレイ企業を内側から変えようとした話

記事 海外
A11y Weekly

アクセシビリティオーバーレイ企業で内部から変革をもたらそうとした体験談。オーバーレイツール問題の実態と、企業組織内でアクセシビリティを正しく推進することの困難さを実感から語る記事。

Weekly Reading List March 23 2026 - TPGi — a Vispero company 週刊リーディングリスト 2026年3月23日号(TPGi)

記事 海外
TPGi

TPGiが毎週月曜日に配信するデジタルアクセシビリティ業界ニュースのリンク集。WCAG・テスト・検証等、アクセシビリティの最新動向を海外視点でキュレーション。

Heading Anchors with Eleventy EleventyによるHeading Anchorsの実装

記事 海外
Kitty Giraudel

見出しにアンカーリンクを自動生成するEleventy実装パターン。cherioライブラリを用いたビルドタイム変換で、サーバーサイドに見出しIDに対応するアンカーを自動挿入し、クライアント側JavaScriptを削減する設計を解説。

Accessibility ROI: How to Build a Data-Driven Business Case アクセシビリティROI:データ駆動のビジネスケース構築法

記事 海外
Level Access

デジタルアクセシビリティが収益向上・顧客体験改善・コスト削減にもたらす経営的価値をデータで示し、経営層の意思決定を動かすためのビジネスケース構築方法を解説する記事。

Meet the team: Niamh Madden - TetraLogical チームメンバー紹介:Niamh Madden - TetraLogical

記事 海外
TetraLogical

UK発のアクセシビリティコンサルティング企業TetraLogicalのアソシエイト・アクセシビリティスペシャリスト、Niamh Maddenのプロフィール。

Finding an Accessibility-first Culture in npmx npmxにおけるアクセシビリティファースト文化の確立

記事 海外
A11y Weekly

npmxの企業事例を通じて、アクセシビリティをビジネスの日常業務に組み込むための実践的なアプローチと文化醸成の方法を解説するニュースレター記事だ。

Level Access Supercharges Partner Program Level Accessがパートナープログラムを強化

記事 海外
Level Access

Level Access のパートナープログラム拡大により、より多くの組織が包括的で影響力のあるデジタル体験を提供できるようにする取り組みを紹介している。

A Step-by-Step Guide to Conducting a Web Accessibility Audit ウェブアクセシビリティ監査の実施:ステップバイステップガイド

記事 海外
UsableNet

WCAGに基づくWebアクセシビリティ監査の手法を解説。優先順位の決定から改善ロードマップ策定までをステップ形式で実装可能な形にまとめた記事である。

The Other Half of Accessibility: Why Soft Skills Determine Whether Programs Succeed - Sheri Byrne-Haber's Blog アクセシビリティのもう半分:ソフトスキルがプログラムの成否を決める理由

記事 海外
Sheri Byrne-Haber

ビジネス・教育現場におけるアクセシビリティプログラムの成功には、技術的スキルと同等にソフトスキルが重要であることを、専門家が論じている。

Accessibility People are a Superpower アクセシビリティの人たちは超能力者だ

記事 海外
A11y Weekly

アクセシビリティ専門家や当事者の力を特集し、組織全体が日常的にアクセシビリティに取り組む文化を醸成するためのヒントを紹介したA11y Weekly号。

Karl stokes the Fireside – HTML Accessibility ファイヤーサイドチャット:Karl氏とHTMLアクセシビリティを語る

記事 海外
HTML5 Accessibility

HTMLアクセシビリティの知見を持つKarlがHTML5 Accessibilityのファイヤーサイドチャットで、自身の経験と考え方を率直に語るインタビュー対談である。

Different contexts, different tools, same person :: Aaron Gustafson 異なる状況、異なるツール、同じ一人の人間 :: Aaron Gustafson

記事 海外
Aaron Gustafson

同じ人物が状況に応じてスクリーンリーダーや拡大鏡など異なるアクセシビリティツールを使い分ける実例を示しながら、多様な文脈に適応できるインクルーシブデザインの必要性を論じている。

Your Browser Can Already Speak a Page ブラウザにはすでにページ読み上げ機能が搭載されている

記事 海外
Adrian Roselli

ブラウザに標準搭載された音声読み上げ機能の活用を推奨し、AI やオーバーレイ企業が提供する同種サービスの必要性を批判的に検討している。

X(Twitter)

AAC(拡大代替コミュニケーション)やシンボルライブラリを使用するコミュニケーション障害者の、初期読み書き段階での実践的な活用例と支援技術の役割を紹介する。

For Review: WCAG 3 Working Draft – March 2026 レビュー公開:WCAG 3 ワーキングドラフト(2026年3月)

記事 海外
W3C WAI

W3CによるウェブアクセシビリティガイドラインWCAG 3.0の最新ワーキングドラフト版が公開され、業界からのコメント・レビューが呼びかけられている。

はてなブックマーク

Microsoft TeamsでEnterキーの挙動がカスタマイズ可能に。改行と送信を使い分けられるようになり、キーボード操作ユーザーの誤送信防止とストレス軽減を実現。

WebAIM: A New Path for Digital Accessibility? デジタルアクセシビリティの新たな道筋(WebAIM)

記事 海外
WebAIM

AIが障害のあるユーザーの支援技術と好みを学習しコンテンツを個別適応するIDAA構想を提唱しつつ、開発者側の責任は変わらないと論じている。

Wishcessibility Wishcessibility

記事 海外
A11y Weekly

ウェブアクセシビリティに関する毎週のニュース・ノウハウを集約し、実務者が日常業務に活かすための情報提供を行っている。

Bruce Lawson's personal site Bruce Lawsonの個人サイト

記事 海外
Bruce Lawson

Webアクセシビリティ分野の第一人者Bruce Lawsonが厳選した注目記事をまとめたキュレーションリストだ。

Accessibility User Testing: A Practical Guide アクセシビリティユーザーテスト:実践ガイド

記事 海外
Level Access

障害を持つ当事者によるユーザーテストから、実世界の障壁が明らかになる。セッション計画から知見の優先順位付けまでを解説した実践ガイドだ。

Honoring Mobile OS Text Size モバイルOSの文字サイズ設定を尊重する

記事 海外
Adrian Roselli

AndroidやiOSのOS文字サイズ設定がWebに反映されない問題を解説。ブラウザの現状と改善動向を整理した記事。

Some blind fans to experience Super Bowl with tactile device that tracks ball :: Aaron Gustafson 一部の視覚障害者ファンがボールの動きを追う触覚デバイスでスーパーボウルを体験 :: Aaron Gustafson

記事 海外
Aaron Gustafson

視覚障害者がワシントン大学開発の「OneCourt」というタクタイルデバイスを通じてスーパーボウルを体験する。障害者もスポーツを楽しめるインクルーシブな環境を実現する事例。

Why Figma Annotations Are Critical for a Shift-Left Accessibility Approach • DigitalA11Y シフトレフトなa11yにFigmaアノテーションが欠かせない理由

記事 海外
DigitalA11Y

Figmaアノテーションを活用してデザイン段階でアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻り削減と開発者への引き継ぎ改善を実現する実践方法を紹介。

2026 Web Almanac: Accessibility 2026 Web Almanac:アクセシビリティ

記事 海外
A11y Weekly

Webアクセシビリティ関連の最新動向を集約した2026年の年次レポート。日々の業務にアクセシビリティを組み込むための知見を提供する。

Barriers from Links with ARIA ARIAを使ったリンクによるバリア

記事 海外
Adrian Roselli

ARIAを使用したリンク実装におけるセマンティックおよびアクセシビリティ上の課題を検討し、異なる実装方法の等価性を比較する。

はてなブックマーク

スシローの店内呼び出しディスプレイが、矢印・数字・アイコン過多にもかかわらず情報伝達に失敗している事例。装飾過多による認知負荷が視認性と理解容易性を損なう典型的なUIデザイン失敗。

Accessible Faux-nested Interactive Controls アクセシブルな疑似ネスト型インタラクティブコントロール

記事 海外
A11y Weekly

WAI-ARIA パターンを用いて、ネストのように見えながらもアクセシブルなインタラクティブコントロール実装を解説。

Accessibility is Personal アクセシビリティは個人的な問題だ

記事 海外
A11y Weekly

ウェブアクセシビリティに関する実践的な知識を週1回発信するメールマガジン。多角的な視点からアクセシビリティを日々の仕事に組み込む方法を提案する。

はてなブックマーク

ぐるなびウエディングのリニューアル事例で、カレンダーコンポーネントのキーボード操作対応とWAI-ARIA実装の工夫を、デザイナーとの協力プロセスを交えて解説している。

Sustainable accessibility in complex organisations: strategic foundations - TetraLogical 複雑な組織における持続可能なアクセシビリティ:戦略的基盤 — TetraLogical

記事 海外
TetraLogical

複雑な組織がアクセシビリティを組織全体で継続的に実装するための戦略的基礎を解説している。リーダーシップ、組織文化、プロセス設計などの実装戦略を論じた記事。

Sustainable accessibility in complex organisations: organisational realities - TetraLogical 複雑な組織における持続可能なアクセシビリティ:組織の現実 — TetraLogical

記事 海外
TetraLogical

複雑な組織がアクセシビリティを実装・スケーリングする際に直面する戦略的・組織的バリアについて解説している。組織内文化、プロセス、リソース配分などの課題を論じた記事。

Sustainable accessibility in complex organisations: external factors - TetraLogical 複雑な組織における持続可能なアクセシビリティ:外部要因 — TetraLogical

記事 海外
TetraLogical

複雑な組織がアクセシビリティを実装する際に直面する法制度、市場要求、テクノロジー等の外部的バリアについて論じている。組織外からの制約条件と対応方策を解説した記事。

India's OTT Accessibility Revolution: New Guidelines to Make Streaming Inclusive for Everyone • DigitalA11Y インドのOTTアクセシビリティ新ガイドライン

記事 海外
DigitalA11Y

インドのOTTストリーミング向けアクセシビリティガイドラインの新動き。字幕・音声解説・手話通訳といった聴覚・視覚障害対応機能の義務化による包括的なメディア視聴環境構築を紹介する。

WCAG 2.2 Approved as an ISO Standard WCAG 2.2 がISO国際規格として承認

記事 海外
W3C WAI

WCAG 2.2が国際標準化機構(ISO)の規格として正式承認され、より多くの国での法的・制度的採用が進むことで、グローバルなアクセシビリティ標準化が加速する。

Meet the team: Ian Lloyd - TetraLogical チーム紹介:Ian Lloyd - TetraLogical

記事 海外
TetraLogical

アクセシビリティコンサルティング企業 TetraLogical のチームメンバー Ian Lloyd のプロフィール、キャリア、貢献を紹介する記事。

はてなブックマーク

障害者差別解消法の改正による合理的配慮の義務化について、職場・学校・店舗での具体例を解説。当事者の困りごとから社会的障壁を理解し、対話によるインクルーシブな社会実現を考える。

Call for implementations: Accessibility Conformance Testing (ACT) Rules Format 1.1 — Candidate Recommendation 実装募集:アクセシビリティ適合性テスト(ACT)ルールフォーマット1.1 — 勧告候補

記事 海外
W3C WAI

W3CのACT Rules Format 1.1がCandidate Recommendationになり実装例を募集。アクセシビリティ適合性テストのルール記述形式を標準化する仕様の最新動向。

CSS-only scrollspy effect using scroll-marker-group and :target-current CSSのみで実現するスクロールスパイ:scroll-marker-groupと:target-currentの活用

記事 海外
Sara Soueidan

CSS Overflow Module Level 5の新機能を使いJSなしでスクロールスパイを実装する方法を解説し、スクリーンリーダー対応のために`aria-current`属性の自動付与が必要であることを指摘している。

SEBI Mandates Digital Accessibility Across Financial Industry in India • DigitalA11Y インド金融業界全体にデジタルアクセシビリティを義務化するSEBI規制

記事 海外
DigitalA11Y

インドの証券規制当局SEBIが2025年に発令したデジタルアクセシビリティ義務化の内容と、RPwDおよびWCAGに基づくコンプライアンス要件・スケジュールを解説する。

On inclusive personas and inclusive user research インクルーシブなペルソナとインクルーシブなユーザーリサーチについて

記事 海外
Eric Bailey

ペルソナというUXデザイン手法が本質的にトークン化・還元主義的であるという問題を指摘し、インクルーシブなペルソナとユーザーリサーチの実践を論じる。

Tag, you're it - Tink - Léonie Watson タグ、あなたの番 - Tink - Léonie Watson

記事 海外
Léonie Watson

視覚障害を持つアクセシビリティ研究者Léonie Watsonが、自身のサイトのデザインからコード実装、支援者との協働プロセスについて語ったインタビュー記事。

Accessible Rickrolling アクセシブルなリックロール

記事 海外
Heydon Pickering

アクセシブルな代替手段は元コンテンツと同等の体験(サプライズ効果も含む)を提供すべきという同等性の原則を、リックロールを例にユーモラスに論じた記事。

Pride, shame, and accessibility 誇り、恥、アクセシビリティ

記事 海外
Heydon Pickering

ウェブ開発者がアクセシビリティ実装を後回しにする心理的背景として「恥」の感情に着目し、誇りへの転換がモチベーション向上につながると論じた記事。

The col element col要素

記事 海外
Heydon Pickering

HTMLの`<col>`要素の意味・用途・アクセシビリティ上の注意点をHeydon Pickeringが解説した非公式ガイド。テーブル構造とスクリーンリーダーへの影響も扱う。

A Deep Dive into the Websites and Software Applications Accessibility Act of 2025 - Karl Groves 2025年ウェブサイト及びソフトウェアアプリケーション・アクセシビリティ法の詳細解説

記事 海外
Karl Groves

2025年米国下院に提出されたウェブ・ソフトウェアアクセシビリティ法(H.R. 3417)を詳解した記事。対象範囲・義務化基準の統一化など歴史的立法の内容を分析。

The caption element caption要素

記事 海外
Heydon Pickering

HTMLの`caption`要素の意味論・用途・正しいマークアップを詳しく解説した非公式ガイド。テーブルキャプションのアクセシブルな実装を扱う。

How to build inclusive, human-centered automation with empathy and accessibility. | Sharon Steed posted on the topic | LinkedIn 共感とアクセシビリティで実現する人間中心の自動化

記事 海外
Aaron Gustafson

自動化されたシステムに共感とアクセシビリティを組み込む方法を、Sharon SteedとAaron Gustafsonの対話を通じて論じた記事。インクルーシブな人間中心設計の実践的アプローチを紹介。

The European Accessibility Act and B2B Software: What Internal Platforms Must Comply With - Karl Groves 欧州アクセシビリティ法とB2Bソフトウェア:社内プラットフォームが対応すべき要件

記事 海外
Karl Groves

欧州アクセシビリティ法(EAA)が消費者向けだけでなく社内B2Bプラットフォームにも適用される可能性と、コンプライアンス要件を解説した記事。

We need universal basic income - Karl Groves ユニバーサルベーシックインカムが必要だ

記事 海外
Karl Groves

障害者を含む社会的弱者の経済的安定のために、ユニバーサルベーシックインカム導入の必要性をアクセシビリティ専門家が論じた記事。

The code element code要素

記事 海外
Heydon Pickering

HTMLの`code`要素の意味論・用途・正しいマークアップを詳しく解説した非公式ガイド。セマンティクスの観点からの使い分けも扱う。

Passing Your CSS Theme to `canvas` :: Aaron Gustafson CSSテーマをcanvasに渡す方法

記事 海外
Aaron Gustafson

CSSカスタムプロパティで定義したライト/ダークのカラーテーマをcanvas要素に反映させる実装手法を解説する。モード切り替え時に視覚的一貫性を保つ方法を扱う。

The cite element cite要素

記事 海外
Heydon Pickering

HTML cite要素の正しい意味論的な使い方と、よくある誤用パターンを整理したHeydon Pickering による非公式ガイド記事。

Tag, You're It タグよ、お前が鬼だ

記事 海外
Sara Soueidan

HTMLの特定タグが持つアクセシビリティとセマンティクス上の意味を解説したSara Soueidan による実践的な記事。

Exploring AI's Role in Accessibility アクセシビリティにおけるAIの役割を探る

記事 海外
Aaron Gustafson

AIが障害のあるユーザーのアクセシビリティ向上においてどのような役割を果たせるかを論じた記事。その可能性と限界を多角的に考察する。

はてなブックマーク

市役所の通路に設置された点字ブロックがデザイン上目立たず、視覚障害者への機能不全と一般利用者の転倒リスクを同時に招いている事例。インクルーシブデザインの重要性を示す。

Hold On to Disappearing Words 消えゆく言葉を手放さないために

記事 海外
Sarah Horton

米国政府文書からインクルーシブな語彙が削除されつつある動きを受け、障害当事者コミュニティへの影響をアクセシビリティデザイナーが考察した記事。

X(Twitter)

障害者e-Sports企業ePARAが協力した「ストリートファイター6」のサウンドデザインがCEDEC2024サウンド部門で最優秀賞を受賞。障害当事者がゲーム開発に参画したインクルーシブな制作事例。

WebAIM: Global Digital Accessibility Salary Survey Results WebAIM:デジタルアクセシビリティ給与調査グローバル結果

記事 海外
WebAIM

世界規模のデジタルアクセシビリティ分野の給与調査レポート。職種・地域・経験年数別の報酬水準と業界動向を詳細に示している。

WebAIM: Join the Discussion—From Your Inbox WebAIM:メーリングリストでディスカッションに参加する

記事 海外
WebAIM

WebAIMが運営するウェブアクセシビリティ専門のメールディスカッションリストへの参加案内。コミュニティの議論にメール経由で参加できる。

On Certification 認定資格について

記事 海外
Marcus Herrmann

ウェブアクセシビリティ認定資格制度の価値と役割を論じた記事。欧州アクセシビリティ法(EAA)施行を背景に、IAAP WASBoKが定めるアクセシビリティ専門家の知識範囲を紹介する。

The br element br要素

記事 海外
Heydon Pickering

HTMLのbr要素についての非公式ガイド。セマンティクスと正しい使用方法、アクセシビリティに関する考慮点について解説している。

The button element button 要素

記事 海外
Heydon Pickering

HTML button 要素の実装とアクセシビリティ対応をカバーした非公式ガイド。フォームコントロール、キーボード操作、スクリーンリーダー対応が主焦点。

Paragraphs | scottohara.me 段落

記事 海外
Scott O'Hara

HTMLのparagraph要素の正しい使い方、セマンティックマークアップの重要性、アクセシビリティの観点から解説する記事。

Spoiler Alert: it needs to be accessible | scottohara.me スポイラー機能はアクセシブルである必要がある

記事 海外
Scott O'Hara

ウェブサイトのスポイラー・ネタバレ回避機能をアクセシブルに実装するための設計方法と、専用HTML要素の必要性を論じた実装ガイド。

80 / 20 accessibility 80/20 アクセシビリティ

記事 海外
Marcus Herrmann

アクセシビリティ実装における80/20法則(パレート原則)を解説。限定的な投資で最大の効果を実現する実践的設計戦略。

What all of us should know about digital accessibility デジタルアクセシビリティについて全員が知るべきこと

記事 海外
Sarah Horton

デジタルアクセシビリティ推進における全員の役割を解説。障害者のインクルージョンを実現するための基礎知識と実践的アプローチを提供。

Best intention barriers (ARIA edition) 良い意図のバリア(ARIA編)

記事 海外
Marcus Herrmann

ARIAの実装における良い意図だが実際には利用者にバリアを生じさせている実装パターンを監査経験から解説。支援技術との互換性を損なう事例から学ぶ。

はてなブックマーク

視覚障害者がスクリーンリーダーを用いてWebサイトを利用する実際の方法と課題について、ユーザー調査で明らかにした記事。メディアサイトのアクセシビリティ改善の必要性を指摘している。

popover accessibility | scottohara.me Popover要素のアクセシビリティ

記事 海外
Scott O'Hara

HTML5 popover属性のアクセシビリティプロパティとセマンティクスについて、実装例を示しながら解説した技術記事。WAI-ARIAとの相互作用も含む。

The next chapter is a complete takeover - Karl Groves 次のチャプターは完全な乗っ取り

記事 海外
Karl Groves

ウェブ開発の初期段階からアクセシビリティ業界の進化を振り返る個人的なエッセイ。1990年代の無意識から現代のアクセシビリティ重視への転換を記録している。

Contextual form errors and ARIA コンテキストフォームエラーとWAI-ARIA

記事 海外
Marcus Herrmann

Webフォームのエラー表示のアクセシビリティをWAI-ARIAを用いて改善する方法を解説。コンテキスト情報を含むエラーメッセージの実装パターンを実例で示す。

The search element | scottohara.me HTMLのsearch要素について

記事 海外
Scott O'Hara

2023年3月に追加されたHTML5.3のsearch要素の仕様と、これまでの検索機能実装が抱えたアクセシビリティ上の課題を解説している。

Having an AI dialog | scottohara.me AIとの対話

記事 海外
Scott O'Hara

ChatGPTなどの生成AIにアクセシビリティ関連の質問をする際の、効果的なアプローチと期待値設定についての実践的な考察。

Why we need CSS Speech - Tink - Léonie Watson CSS Speechが必要な理由

記事 海外
Léonie Watson

W3C CSS Speech標準の役割と、スクリーンリーダーなどの支援技術との連携方法を解説した技術記事。音声出力制御のアクセシビリティにおける重要性を述べている。

iOS Accessibility Values iOSアクセシビリティ値の表現

記事 海外
Mobile A11y

iOSアプリで支援技術にビューの値を適切に表現する方法を解説。アクセシビリティAPI実装の基礎知識である。

Patrick H. Lauke's Goulash - Tink - Léonie Watson Patrick H. Lauke のポートレート:Tink by Léonie Watson

記事 海外
Léonie Watson

アクセシビリティ業界の著名人 Patrick H. Lauke についての回想・論考。その人生・思想・業界への貢献を扱ったエッセイ。

In Quest of Search 検索を求めて

記事 海外
Sara Soueidan

Webアプリケーションのアクセシブルな検索UI実装について、インクルーシブデザイン観点から解説した記事。キーボード操作と支援技術対応を含む。

iOS UIKit Accessibility traits iOS UIKit アクセシビリティ特性(Traits)

記事 海外
Mobile A11y

iOSアプリのUIKitにおけるアクセシビリティトレイト(traits)の使い方。支援技術ユーザーがUI要素を正しく操作できるようにするための実装方法を解説する。

iOS Custom Accessibility Actions iOS カスタムアクセシビリティアクション

記事 海外
Mobile A11y

iOSアプリにおけるカスタムアクセシビリティアクション実装方法。支援技術ユーザーの体験を向上させるため、UI要素を適切に隠す手法を解説する。

Not Your Typical Horizontal Rules 普通ではない水平線要素の実装とアクセシビリティ

記事 海外
Sara Soueidan

HTML の hr 要素をアクセシブルに実装する方法。スタイリング時の注意点と支援技術との互換性を解説する。

Test Your App's Accessibility with Evinced Evinced でテストする iOS アプリのアクセシビリティ

記事 海外
Mobile A11y

Evincedの無料アクセシビリティスキャナーを使い、iOSアプリの自動検査を行う方法を解説。アクセシビリティの問題を検出・修正する手法を提供する。

How Do I Get My App an Accessibility Audit? アプリのアクセシビリティ監査を受けるには?

記事 海外
Mobile A11y

アプリケーションのアクセシビリティ監査を依頼する際の実務的な流れと、監査対象者の選定方法及び監査依頼の妥当性を検討する際の観点を解説する記事。

Quick Win - Start UI Testing クイックウィン - UIテスト開始

記事 海外
Mobile A11y

Espresso・XCUI といった標準UIテストフレームワークで記述したテストをそのままアクセシビリティテストとして機能させる実装手法と利点を解説する記事。

Quick Win - Support Dark Mode クイックウィン - ダークモード対応

記事 海外
Mobile A11y

ダークモードはスタイルオプションではなく、ユーザーの柔軟性を支援するアクセシビリティ機能であることを解説したモバイル向けクイックウィン。

Quick Win - Support Landscape モバイル開発のクイックウィン:ランドスケープ対応

記事 海外
Mobile A11y

モバイルアプリのランドスケープ向き対応はアクセシビリティ上重要な機能。ユーザーの利便性を損なわないよう、デフォルト有効化による設計ベストプラクティスを解説。

Quick Win - Image Descriptions クイックウィン - 画像の説明

記事 海外
Mobile A11y

画像に説明がないと視覚障害のあるユーザーがアプリの全機能を利用できない。代替テキストの実装方法をまとめたモバイル向けクイックウィン。

Quick Win - Text Contrast クイックウィン - テキストコントラスト

記事 海外
Mobile A11y

テキストのコントラスト比を確保することが全ユーザーの読みやすさに重要であることを解説したモバイル向けクイックウィン。

Math is hard. People with disabilities matter 実装は難しい。障害者が重要だ

記事 海外
Sarah Horton

Webアクセシビリティ推進における実装の難しさを認めつつ、障害者のニーズを設計の最優先にすべきという論考。アクセシビリティ設計思想を問い直す作品。

Content-visibility and Accessible Semantics コンテンツ可視性とアクセシブルセマンティクス

記事 海外
Marcy Sutton

CSSのcontent-visibilityプロパティがセマンティックなHTMLとアクセシビリティに与える影響を解説した記事。Webアクセシビリティ実装における重要な考慮点をまとめている。

Technology Accessibility Quality Measures テクノロジーアクセシビリティの品質測定

記事 海外
Sarah Horton

医療品質改善の取り組みから学べることを応用し、健康・福祉関連テクノロジーのアクセシビリティ品質向上に向けた測定・評価方法について論じた記事。

Outsider Leverage and Accessibility 部外者として実行可能なアクセシビリティへの影響力

記事 海外
Marcy Sutton

セニアウェブ開発者兼アクセシビリティアドボケートが、業界外からのアプローチや働きかけがアクセシビリティ推進に与える影響について解説した記事。

iOS 14: Custom Accessibility Content iOS 14: カスタムアクセシビリティコンテンツ

記事 海外
Mobile A11y

iOS 14の新機能カスタムアクセシビリティコンテンツを解説。スクリーンリーダーユーザーに必要な情報を提供しながらノイズを減らす実装方法を紹介。

My Journey To Ghost - Marco's Accessibility Blog ゴーストへの移行 - マルコのアクセシビリティブログ

記事 海外
Marco Zehe

WordPressからGhostへのブログプラットフォーム移行の際に直面したアクセシビリティ上の課題と解決法を解説した技術記事。

Happy Chanukka - Marco's Accessibility Blog Happy Chanukka - Marco のアクセシビリティブログ

記事 海外
Marco Zehe

Marco Zehe によるアクセシビリティに関するブログ記事。ホリデーシーズンに関する内容の解説と実装ガイド。

A few quick tips on Gutenberg on mobile devices - Marco's Accessibility Blog モバイルデバイス上での Gutenberg 利用時のアクセシビリティTips

記事 海外
Marco Zehe

WordPressのブロックエディタGutenbergをモバイルデバイスで効果的に利用するためのアクセシビリティTips。キーボード操作やスクリーンリーダー対応を含む実践的な利用方法を提示する。

Call to action: HTML needs more native rich widgets - Marco's Accessibility Blog コールトゥアクション:HTMLはより多くのネイティブリッチウィジェットが必要

記事 海外
Marco Zehe

ウェブプラットフォームに不足するネイティブリッチウィジェット機能の拡張を提唱する記事。カスタムウィジェット開発時のアクセシビリティ実装負担を軽減し、保守性を向上させるHTML仕様強化の必要性を論じる。

Live Coding Accessibility ライブコーディングのアクセシビリティ

記事 海外
Marcy Sutton

ライブコーディング配信をアクセシブルにするための実践的手法。音声解説・キーボード操作・画面構造化など、プログラミング教育の場における配慮を解説する。

My Accessibility Journey: What I’ve Learned So Far - Manuel Matuzovic 私のアクセシビリティの歩み:これまでに学んだこと

記事 海外
Manuel Matuzovic

フロントエンド開発者がアクセシビリティへの関心と学習の過程を綴った経験談。実務を通じて得た知見と技術的なアプローチの進化を記録し、他の開発者への教育的価値を持つ記事。

Writing JavaScript with accessibility in mind - Manuel Matuzovic アクセシビリティを念頭に置いたJavaScriptの書き方

記事 海外
Manuel Matuzovic

HTMLとアクセシビリティを意識したJavaScriptの書き方を解説するフロントエンド開発ガイド。標準的な実装方法とベストプラクティスを提示。

Organizations, accessibility, and change 組織・アクセシビリティ・変革

記事 海外
Sarah Horton

組織内でアクセシビリティを推進する変革エージェントの実践的課題と戦略。アクセシビリティ推進の困難さと組織的な取り組みの有効性を論述。