Accessible Form Labels アクセシブルなフォームラベル

記事 海外
DEV Community

フォーム入力フィールドのラベル実装の正しい方法を解説。支援技術ユーザーが適切にフォームを操作するための技術的な要件と実装パターンを詳説。

Build an Accessible Agent Task Timeline, Not a Spinner スピナーではなくアクセシブルなエージェント処理タイムラインを構築する

記事 海外
DEV Community

AIやエージェント処理のローディング状態をスピナーではなくアクセシブルなタスクタイムラインで実装する方法。キャンセル・復帰状態にも対応。

An Accessible Streaming AI Interface Has More Than a Loading Spinner アクセシブルなストリーミングAIインターフェイスはスピナー以上の機能が必要

記事 海外
DEV Community

ストリーミングAI出力をアクセシブルに実装するフロントエンドパターン。ステータス表示、キャンセル、再試行、フォーカス管理、制約されたARIA通知に対応。

Managing Focus in Angular: Dialogs, Drawers and Route Changes Without Stranding Your Users Angular でのフォーカス管理: ダイアログ、ドロワー、ルート変更時のユーザー置き去り防止

記事 海外
DEV Community

フレームワークレベルでのキーボード・フォーカス管理の実装方法。ダイアログやドロワー、ページ遷移時にユーザーを置き去りにしないための設計と実装パターンを解説。

note

伊勢神宮の瀧原宮におけるバリアフリーアクセス情報。車椅子や杖を利用する人が参拝できるよう、砂利道や距離、アクセスポイント等の具体的な状況を紹介。

Link + Popover Navigation リンク + ポップオーバーナビゲーション

記事 海外
Adrian Roselli

HTMLネイティブのpopover要素を用いたアクセシブルなナビゲーション実装。前版のARIA・disclosure widget との比較を通じ、最新ウェブ標準に対応した実装手法を解説。

note

三重県の椿大神社における、杖や車椅子利用者の参拝可能性を含むバリアフリー情報。肢体不自由のある人を含む旅行者向けの施設アクセス情報を提供する。

Android 可访问性 VPAT 改进实践 Androidアクセシビリティ VPAT改善実践

記事 海外
DEV Community

AndroidアプリのVPAT(アクセシビリティ対応状況報告書)改善に向けた実践的な手法を解説。コンプライアンスと品質向上。

note

インクルーシブUXデザイン導入がもたらすビジネス価値を考察。多数派のみを想定した従来設計から、多様性に対応したプロダクト開発への転換で実現するイノベーションを解説する。

note

肢体不自由により右腕が動かなくなった人がAIを活用して開発した、左手での操作に適したデジタル文字練習アプリの工夫を紹介。支援技術とAIの可能性を示す実例。

Video Conferencing Accessibility: The Features Teams Overlook ビデオ会議のアクセシビリティ:組織が見落とす機能

記事 海外
DEV Community

ビデオ会議プラットフォームのアクセシビリティ評価時に組織が見落としやすい機能と対応方法を解説。多様なユーザーのニーズを包括する実装のポイント。

WCAG A, AA, and AAA: What Teams Should Scope WCAG A、AA、AAA:チームが選ぶべきスコープ

記事 海外
DEV Community

WCAGガイドラインのレベル(A/AA/AAA)の違いと、チームが適切なスコープを決定する方法を説明。組織のアクセシビリティ戦略における意思決定ガイド。

Why Semantic HTML and accessibility Matter: Lessons From my portfolio Audit セマンティックHTMLがアクセシビリティに重要な理由:ポートフォリオ監査からの学び

記事 海外
DEV Community

セマンティックHTMLの正しい実装がアクセシビリティに与える影響を、実際のポートフォリオ監査から学んだ教訓を通じて解説。Webアクセシビリティの基礎と実践。

Build an accessible accordion from scratch (with a real height animation) スクラッチからアクセシビリティ対応アコーディオンを構築する(実装の高さアニメーション付き)

記事 海外
DEV Community

アクセシビリティに対応したアコーディオンUIコンポーネントをスクラッチから実装するチュートリアル。アニメーション実装を含む詳細な構築方法を解説。

note

「見えにくさ」を体験することの重要性を述べながら、デザイン会社グラフィックメイトが東京都主催の「ヘルプマークの日」イベントに出展する企業事例を紹介する記事。

Real Estate Website Accessibility: Property Listing Pages and Screen Readers 不動産サイトのアクセシビリティ:物件リスティングページとスクリーンリーダー

記事 海外
UsableNet

不動産情報サイトのリスティングページにおいて、スクリーンリーダーユーザーが直面する代替テキスト・フォーム・物件情報詳細に関するアクセシビリティの課題と対応方法を解説する。

a dose of Dennis by the Fire – HTML Accessibility Dennis による HTML アクセシビリティ解説

記事 海外
HTML5 Accessibility

HTML のセマンティクスと WAI-ARIA を組み合わせたアクセシビリティ実装のベストプラクティスとアプローチを解説する。

A11Y.md: Accessibility before any prompt A11Y.md:プロンプト前のアクセシビリティ

記事 海外
DEV Community

AI システムの開発において、プロンプト処理前にアクセシビリティを組み込み、システムレベルで誰もが使えるデザインを実現するアプローチを論じる。

If I Want More IRL, I Must Go AFK リアルをもっと望むなら、オンラインから距離を置く必要がある

記事 海外
A11y Weekly

デジタルアクセシビリティが進展する中で、オフラインのリアルワールドにおけるバリアフリーとアクセシビリティの重要性を改めて論じる記事。

DEV Community

30個のアプリケーションをアクセシビリティの観点から監査し、スコアを公開。銀行やテック企業など業界による実装度の差を実証

One ARIA bug, a million apps: meet aria-reach 1つのARIAバグ、100万個のアプリ:aria-reachとの出会い

記事 海外
DEV Community

JavaScriptアプリケーションに潜む一般的なARIAバグが、どの程度のアプリケーションに影響を与えるのかを解説。aria-reachというツール・手法を紹介する技術記事。

Web アクセシビリティの評価と分析を定期的にレポートするサービス。企業のアクセシビリティ成熟度を定量的に測定し、改善の指標となるデータを提供。

Focusgroup Tests フォーカスグループテスト

記事 海外
Adrian Roselli

Chrome 150でサポートされたfocusgroup機能の実装と、HTMLでの採用状況を解説。キーボード操作とフォーカス管理の標準化動向。

Your color palette probably fails accessibility. Here's how to check it in 30 seconds ほとんどのカラーパレットはアクセシビリティで失敗している。30秒で確認する方法

記事 海外
DEV Community

ほとんどのカラーパレットが基本的なアクセシビリティの基準に失敗していることを指摘し、30秒で実践できるコントラスト確認方法を解説している。デザイナーが即座に活用できるガイド。

Apple locked hearing assistance inside AirPods. So I built an open-source version for any earbuds. Apple の聴覚支援機能をオープンソース化。任意のイヤホンで実現する聴覚アクセシビリティ

記事 海外
DEV Community

Apple AirPodsの聴覚テスト・支援機能をモデルに、任意のイヤホンで使える聴覚支援機能のオープンソース実装を紹介。聴覚障害のある人のアクセシビリティを拡張するプロジェクト。

DEV Community

AndroidアプリのアクセシビリティをAI監査ツールで検証。WhatsAppやGoogleアプリの自動化対応状況と、銀行・政府アプリの課題をプロジェクトログで報告。

The dropdown menu that everyone builds wrong 誰もが間違いやすいドロップダウンメニュー

記事 海外
DEV Community

ドロップダウンメニューのアクセシビリティ実装における共通の誤りと改善方法を解説する技術記事。フォーカス管理やキーボード操作への対応など、実装時に必要な配慮を紹介している。

note

UDL(学びのユニバーサルデザイン)の考え方で、多様な学習者の特性に対応した教室設計とアンケート技法を解説。すべての生徒が学びやすい教育環境作りの実践論。

A page-level accessibility statement still needs a page-level witness ページレベルのアクセシビリティ声明には、ページレベルの検証が不可欠

記事 海外
DEV Community

ウェブサイトのアクセシビリティ宣言が実装と一致していることの重要性を論じた記事。単なる宣言文書ではなく、実装レベルでの検証と一貫性が不可欠であることを指摘している。

Accessibility 55 to 100: Fixing Real WCAG Failures with Lighthouse アクセシビリティスコア55から100へ:Lighthouseで実際のWCAG違反を修正する

記事 海外
DEV Community

Lighthouseを用いてアクセシビリティスコアを55から100に改善した実例を報告した記事。6件のWCAG違反修正の具体的プロセスを解説し、自動ツールが検出できないキーボードトラップなどの課題も指摘している。

AI-Powered Accessibility Audits: A Faster Path To Compliance AI活用のアクセシビリティ監査:コンプライアンスへの最速ルート

記事 海外
DEV Community

AI技術を活用したアクセシビリティ監査の手法を紹介した記事。従来の手動レビュー(スプレッドシート・ブラウザ確認)よりも効率的にWCAGコンプライアンスを達成できる方法論を提示している。

Invoker Commands: Wiring Buttons to Dialogs and Popovers Without JavaScript Invokerコマンド: JavaScriptなしでボタンをダイアログ・ポップオーバーに接続する

記事 海外
DEV Community

Invoker Commands APIを使い、JavaScriptを書かずにボタンをダイアログやポップオーバーに接続する方法を解説。標準的なHTML属性のみで複雑なUIパターンを実装できる。

note

認知症基本法を通じて、医療的「治療」から社会的「変革」へのパラダイムシフトを解説。支援者の視点から、認知症のある人が社会参加できる仕組みづくりの重要性を論じた論考。

PDF Accessibility Audits: A Practical Checklist PDFアクセシビリティ監査:実践的なチェックリスト

記事 海外
DEV Community

PDFファイルのアクセシビリティを監査・評価するための実践的なチェックリスト、手法、ベストプラクティスを解説した記事。

How to Make Accessibility Audit Reports Useful for Engineering Teams エンジニアチームが実装できるアクセシビリティ監査レポートの作成方法

記事 海外
DEV Community

アクセシビリティ監査レポートをエンジニアチームが実装できるかたちで作成するコツを解説。監査の実行可能性と実装チームの行動を繋ぐ考え方。

React's architectural accessibility gaps Reactのアーキテクチャが抱えるアクセシビリティの課題

記事 海外
DEV Community

Reactフレームワークのアーキテクチャに起因するアクセシビリティの課題を指摘。言語の自動同期、変更アナウンス、フォーカス管理の欠落等を解説。

DPI日本会議

当事者参画による建築・都市設計への変革を論じるセミナーレポート。障害のある人の視点を組み込んだ「TOJISHA-UDプラットフォーム」による豊中市でのセミナー内容を紹介。

A Modal Dialog Done Right: Focus Trap, Esc, Scroll Lock モーダルダイアログを正しく実装する:フォーカストラップ、Esc、スクロールロック

記事 海外
DEV Community

モーダルダイアログ実装のアクセシビリティ要件を解説。フォーカストラップ、キーボード操作(Escキー)、スクロールロック等の技術的実装方法を詳細に紹介している。

DEV Community

アクセシビリティラベルのあるアプリはAIエージェントが自動制御可能である一方、ラベルがないアプリは制御不可という事例から、適切なアクセシビリティ設計がAI自動化の基盤となることを示唆。

How to test what an accessibility overlay actually changes アクセシビリティオーバーレイが実際に何を変えるかをテストする方法

記事 海外
DEV Community

アクセシビリティオーバーレイの効果を検証するテスト方法についての解説。オーバーレイツールが実装内容をどう変更するかの測定手法を詳細に紹介している。

Real Estate Website Accessibility: Search Filters and Screen Readers 不動産ウェブサイトのアクセシビリティ:検索フィルタとスクリーンリーダー

記事 海外
UsableNet

不動産検索サイトのアクセシビリティ課題を分析。スクリーンリーダーユーザーが検索フィルタで直面する困難な設計パターンを指摘し、改善方法を提示した記事。

Removing Rerolls and Seeing Stones in Co-Op Bot Matches Reduces Accessibility; Reintroduce Features to Boost Engagement ゲームのアクセシビリティ機能削除がプレイヤーエンゲージメントに与える影響

記事 海外
DEV Community

ゲーム内のアクセシビリティ機能(リロール・見える石)削除による影響を分析。プレイヤーエンゲージメント低下とインクルーシブ設計の重要性について論じた記事。

EAA 2025: Jak naprawić kontrasty w CSS, by uniknąć kar i dostosować polski e-commerce do wymogów dostępności? EAA 2025対応:CSSカラーコントラストでポーランドのe-commerceをアクセシビリティ基準に適合させる方法

記事 海外
DEV Community

EAA 2025対応:CSSのカラーコントラストを修正してポーランドのe-commerceをアクセシビリティ法に適合させる実装ガイド。違反による罰金を避けるための方法。

Build Buy-In With Accessibility Training アクセシビリティ研修で組織的合意を形成する方法

記事 海外
Level Access

組織内でアクセシビリティ研修プログラムを設計し、コンプライアンス認識から実行へ転換させる方法と事例を紹介。

note

発達障害(ADHD)の特性を持つデザイナーが、デザインスキルで生活課題を解決する工夫。注意力やワーキングメモリの特性への対処とデザイン職の意義。

Semantic HTML and Accessibility: Building Better Websites セマンティック HTML とアクセシビリティ: より良いウェブサイトの構築

記事 海外
DEV Community

セマンティック HTML(意味的なマークアップ)の正しい実装による、スクリーンリーダーユーザーなど支援技術利用者への配慮とアクセシビリティ向上の実践的方法を解説。

note

Claude CodeとWCAGチェックを活用してアクセシビリティ違反を自動検出・修正する、制作会社向けの実務改善手法を解説。検証の自動化による品質向上と案件単価改善のアプローチ。

How to write an accessible price tag for e-commerces e-コマースのアクセシブルな価格タグの書き方

記事 海外
DEV Community

ECサイトの価格表示をアクセシブルにするためのHTML実装方法。削除・打消し表示のセマンティックな使い分けを解説。

Level Access Now Available in the Microsoft Marketplace Level AccessがMicrosoft Marketplaceで利用可能に

記事 海外
Level Access

アクセシビリティソリューション企業Level AccessがMicrosoft Marketplaceでの提供を開始。Microsoft顧客がアクセシビリティ対応をより容易に導入できるようになった。

note

インクルーシブデザインとドネーションプラットフォームを事業展開するSTYZがシリーズAで約2.7億円の資金調達を実施。

note

テクノエイド協会主催の支援機器マッチング交流会で、開発中の試作機が朝の支度など現実的な生活場面で機能するか、当事者・支援者・開発企業が協働して検証するプロセスと意義。

note

ウェブサイトのアクセシビリティ対応が義務化されたという誤解を正し、合理的配慮と環境整備の区別を解説した6社共同制作の入門資料。法令・対応ステップ・Q&Aを14ページにコンパクトに整理。

Your site does not need to function the same on every platform あなたのサイトはすべてのプラットフォームで同じように機能する必要はない

記事 海外
DEV Community

マウス・タッチ・キーボード・Vision Pro など異なる入力デバイス間での同一動作要件を問い直す記事。プラットフォーム固有のUX設計の重要性を論じたウェブ開発リソース。

Semantic HTML and Accessibility セマンティック HTML とアクセシビリティ

記事 海外
DEV Community

セマンティック HTML マークアップとアクセシビリティの関係を解説。正しい HTML 要素の選択によるアクセシビリティ向上の方法論を紹介している。

Styling the Vertical - Achieving Parity 垂直スタイリングの実現:アクセシビリティパリティの達成

記事 海外
DEV Community

React ナビゲーションコンポーネント構築における垂直方向スタイリング時のアクセシビリティパリティ実装方法を解説。キーボード操作と視覚デザインの一貫性を両立する手法を紹介。

Szybkość vs Dostępność i RODO: Jak nie zabić konwersji w polskim e-commerce w dobie EAA 速度 vs アクセシビリティと GDPR:EAA時代のポーランド e-commerce で転換率を損なわない方法

記事 海外
DEV Community

ポーランド e-commerce におけるパフォーマンス、アクセシビリティ、GDPR、EAA 対応のバランス戦略を解説。規制要件とビジネスメトリクスの両立方法を論じている。

The Hidden Accessibility Challenge: Why Your E-commerce Text Needs to Reflow on Desktop Zoom 隠れたアクセシビリティの課題:e-commerce のテキストがデスクトップズーム時にリフローする必要がある理由

記事 海外
DEV Community

e-commerce サイトにおける Desktop Zoom 時のテキストリフロー問題を指摘。WCAG 達成基準に基づいた改善方法を解説。ユーザーの拡大表示への対応が重要であることを論じている。

学習支援が必要な児童生徒のための通常教科書アクセシビリティ保障について、日本LD学会ほか3団体が文部科学省へ提出した要望書。デジタル教科書制度改正に際して、既存の紙教科書の利用アクセシビリティを守るべき旨を主張。

The Siren Song of arianotify() arianotify() のサイレンソング

記事 海外
A11y Weekly

WAI-ARIA の arianotify() 関数の使用方法と実装パターンを解説。支援技術のためのアクセシブルな通知メッセージ実装に役立つ技術情報。

Building a WCAG Contrast Checker — Relative Luminance, sRGB Gamma, and the Step Most Implementations Skip WCAG対比チェッカーの実装:相対輝度、sRGBガンマ、見落としやすいステップ

記事 海外
DEV Community

WCAG対比度計算の正確な実装方法を詳解。相対輝度とsRGBガンマ処理、実装が見落としやすいステップを分解。正確なカラーコントラスト検証ツール開発のガイド。

Gareth Goes Fireside – HTML Accessibility Gareth Goes Fireside – HTMLアクセシビリティ

記事 海外
HTML5 Accessibility

HTMLの正しいセマンティック使用とアクセシビリティ実装方法を論じる。ウェブページ構築時のアクセシビリティ品質向上のベストプラクティスを解説。

Link or Button, that is the question. リンクかボタンか、それが問題である

記事 海外
DEV Community

ウェブデザインにおいてリンク(link)とボタン(button)の使い分けをセマンティクスとアクセシビリティの観点から解説する記事。

Enlace o botón, esa es la cuestión リンク vs ボタン、その選択

記事 海外
DEV Community

リンクとボタンの定義・役割・使い分けについて解説した技術記事。HTML セマンティクスのアクセシビリティにおける重要性を理解するための基礎を提供する。

note

エレベーターなどの日常の道具における『かざす』操作の自然さと使いやすさをデザイン観点から観察。誰にとっても分かりやすい設計を考える。

IP-KVM Device Converts BIOS Visual Interfaces to Text, Aiding Blind Engineers in Pre-OS Environments IP-KVMデバイスがBIOSのビジュアルインターフェースをテキスト化し、ブラインドエンジニアのプリOS環境での作業を支援

記事 海外
DEV Community

BIOS レベルのビジュアルインターフェースをテキストに変換し、スクリーンリーダーで操作可能にする IP-KVM デバイスの開発事例。視覚障害のあるエンジニアの作業環境改善。

LLM biased against accessible code (Claude Code issue #56079) :: Aaron Gustafson LLMがアクセシブルコードに対してバイアスを持っている(Claude Code issue #56079)

記事 海外
Aaron Gustafson

生成AI(Claude など)がアクセシブルなコードの実装よりも速度・効率を優先する傾向についての分析。LLM の学習データと出力バイアスの問題を指摘。

Automatyczne skanowanie a wymogi EAA 2025: dlaczego sam raport z narzędzia nie uchroni MŚP przed karami UODO? 自動スキャンツール単独ではEAA 2025対応に不充分―手動テストの必要性

記事 海外
DEV Community

欧州アクセシビリティ法(EAA)2025 年の要件に対応するため、自動スキャンツール単独では不十分であることを論じている。手動テストと人的判断の必要性を強調。

note

バスルーム洗面台の使いやすさを改善するユニバーサルデザイン試作。身体の動きや行動パターンを観察し、『こうなったら使いやすいか』を実践形成する過程を紹介。

note

GIGAスクール導入後のデジタル教材アクセシビリティ。読み上げソフトの対応不足と文字拡大でも読みにくい課題を解説し、すべての児童生徒が教材にアクセスできる五つのステップを提示。

The case for an accessibility designer vibe coding when all his coworkers are also vibe coding アクセシビリティデザイナーの Vibe Coding について——同僚もみな Vibe Coding しているとき

記事 海外
Eric Bailey

アクセシビリティデザインにおいて設計者の主観的判断に頼ることの問題を論じた記事。周囲も同じように主観的に判断している環境で、個人の信念がアクセシビリティの成果に与える影響を考察。

∪ of Target Audiences (Accessibility, SEO, AEO/GEO) ターゲットオーディエンスの統合:アクセシビリティ、SEO、AEO/GEO

記事 海外
Adrian Roselli

SEO の観点からアクセシビリティを正当化することの問題を指摘し、ターゲットオーディエンスの多様性について論じた記事。

We Deleted Our Focus Trap, Scroll Lock, and Toggle Logic — The Browser Already Does It フォーカストラップを削除する — ブラウザの標準機能を活用したUI実装

記事 海外
DEV Community

フォーカストラップ・スクロール制御・トグルロジックなどのUI実装パターンをブラウザの標準機能で実装する方法。ヘッドレスUIコンポーネント設計のベストプラクティス。

DEV Community

WCAG 2.1 AA準拠を自動チェックする無料開発ツール。10秒で快速テストを実行し、アクセシビリティ訴訟リスク低減を支援。

ARIA w tabelach danych a wymogi EAA: jak wdrożyć dostępność bez przekraczania budżetu MŚP? データテーブルのARIA実装とEAA対応――中小企業の予算で実現する方法

記事 海外
DEV Community

データテーブルへのARIA実装とEAA(ヨーロッパアクセシビリティ法)への対応を、中小企業の予算効率を意識しながら実現する方法を解説。規制要件と実装コストのバランス取りを論じる。

CSS User Preference Media Queries: Build Accessible Experiences Without JavaScript CSS ユーザー設定メディアクエリ:JavaScriptなしでアクセシブルな体験を構築する

記事 海外
DEV Community

prefers-reduced-motion・prefers-color-scheme・prefers-contrast・forced-colors CSS メディアクエリを使い、JavaScriptなしでユーザーの支援技術・設定に対応したアクセシブルな体験を実装する方法。

Building Inclusive E-Commerce Sites: A Developer's Guide to Serving Niche Communities インクルーシブなEコマースサイトの構築:ニッチコミュニティ対応開発者ガイド

記事 海外
DEV Community

eコマースサイトを多様なユーザー、特にマイノリティコミュニティに対応させるための設計・開発方法を解説。アクセシビリティとインクルーシブデザインの実装手法を紹介。

How to Test Modal Dialog Accessibility With Keyboard Navigation and Screen Readers モーダルダイアログのアクセシビリティテスト:キーボード操作とスクリーンリーダー検証

記事 海外
DEV Community

モーダルダイアログをキーボードとスクリーンリーダーでテストする方法を解説。WAI-ARIAの正しい実装とアクセシビリティ検証手法、スクリーンリーダーユーザーの操作性確保方法を紹介。

note

Claude Code を使い、WCAG・JIS X 8341-3 規格に対応したアクセシブルな HTML を自動生成する方法を紹介。手作業による検証作業の自動化で、全盲・高齢者対応コードへのリファクタリングを加速。

note

発達障害のある児童生徒への合理的配慮の実装。通常学級全体の学びの質を保ちながら個々の特性に応じた支援を提供する工夫を論述。

The European Accessibility Act (EAA): What Online Stores Must Do 欧州アクセシビリティ法(EAA):オンラインストアが対応すべきこと

記事 海外
DEV Community

EU アクセシビリティ法(EAA)の概要・対象範囲・対応要件を解説。2025年6月28日以降に適用される基準と実装方法、罰則について、オンラインストア向けの実践的なチェックリストを提供。

Brian Kardell visits the Fireside – HTML Accessibility Brian Kardellが語るファイアサイド - HTMLアクセシビリティ

記事 海外
HTML5 Accessibility

HTMLアクセシビリティの専門家Brian Kardellへのインタビュー。セマンティックHTMLと標準化によるウェブアクセシビリティの実装ベストプラクティスと業界動向を解説。

Building a Voice-First Assessment Platform for Visually Impaired Students with Sarvam AI Sarvam AIで視覚障害のある学生向けの音声ファースト評価プラットフォームを構築

記事 海外
DEV Community

視覚障害のある学生向けの音声ファースト評価プラットフォーム構築。多くのコンピュータベース学習評価プラットフォームのアクセシビリティ課題に対し、生成AI活用による音声インターフェース設計を解説。

note

障害のある人との共創リサーチを通じて企業の新規事業開発を実現した事例。ユーザーリサーチとインクルーシブデザインの実践プロセスを解説。

WIIFM: The Motivational Question Behind Every Accessibility Conversation - Sheri Byrne-Haber's Blog 全てのアクセシビリティ対話の背後にある動機の質問

記事 海外
Sheri Byrne-Haber

ビジネス・教育現場でアクセシビリティを推進する際の動機づけと説得戦略を解説。「WIIFM」の問いを通じ、障害のある人を含むすべての関係者のメリットを引き出す方法を示す。

note

肢体不自由のある人が屋外でのアクティビティを可能にする車椅子用電動アタッチメント技術の試作機展示。新しい移動支援技術の企業事例。

Navigating With Tabs タブナビゲーション

記事 海外
DEV Community

Reactで完全にアクセシブルなタブナビゲーションコンポーネントの実装方法。キーボード操作とWAI-ARIAの適用を解説。

UX Starts with Accessibility アクセシビリティから始まるUX

記事 海外
DEV Community

アクセシビリティがコンプライアンスではなく全ユーザーのUX品質を根本から形作る設計原則であることの解説。

Google DeepMind's Gemma 4 12B AI Model Enables Accessibility on Standard Laptops, Expanding AI Applications Google DeepMind の Gemma 4 12B AI モデルが標準ノートパソコンでアクセシビリティを実現

記事 海外
DEV Community

Google DeepMindのGemma 4 AIモデルが標準的なノートパソコン上でアクセシビリティ機能を実行できることを解説する技術記事。生成AI技術によるアクセシビリティの民主化を論じている。

How Often Should You Run Accessibility Scans? アクセシビリティスキャンはどのくらいの頻度で実行すべきか

記事 海外
DEV Community

アクセシビリティスキャンの最適な実行頻度を決定する方法を解説する記事。サイト更新の頻度に基づいたスキャン戦略と、継続的なテストの重要性を論じている。

Plain Language Meets Audio for Public Content プレーンランゲージとオーディオで実現する公開情報のアクセシビリティ

記事 海外
DEV Community

プレーンランゲージとオーディオの活用による公開情報のアクセシビリティ向上について解説している。音声コンテンツの適切な実装方法と情報提供の工夫を説明する。

Accessibility as a Ranking Factor in 2026 2026 年におけるランキング要因としてのアクセシビリティ

記事 海外
DEV Community

アクセシビリティが SEO ランキング要因として組み込まれる背景と 2026 年の動向を解説。検索エンジンと Web 標準化の連携状況を紹介。

Microsoft 365 の数式サポート機能強化。MathML Core / PDF 2.0 / LaTeX 対応により、スクリーンリーダーなど支援技術との相互運用性を向上させ、視覚障害のある人の数学コンテンツへのアクセスを改善。

Qiita

CSS clamp() を用いたフルイド・タイポグラフィの実装手法。viewport 連動でもブラウザズーム・テキスト拡大対応を保つため rem 単位での線形補間を採用し、スクリーンリーダー利用者のアクセシビリティを両立させる方法。

AriaML : An HTML fork AriaML: HTMLのフォーク

記事 海外
DEV Community

HTMLから派生したマークアップ言語AriaMLの仕様。WAI-ARIAの実装を簡素化し、アクセシビリティを標準化する試み。

note

UIコンポーネントのアクセシビリティ対応を自動化するコード生成パイプラインの開発手法。スクリーンリーダー対応やキーボード操作、コントラスト比調整を含む実装の効率化を実現。

DEV Community

Shadcnの5種類のスライダーコンポーネントから、実装で選ぶべきアクセシブルで高性能なものを紹介。実装効率と品質を両立させるコンポーネント選定の考え方を解説する。

The Ups and Downs of Keyboard Handling キーボード操作ハンドリングの実装方法

記事 海外
DEV Community

React でキーボード操作に完全対応したアクセシブルなナビゲーションコンポーネント実装の方法を解説。キーボードユーザーとスクリーンリーダーユーザーへの対応。

note

旅客機用次世代バリアフリーシート「ウェルボヤージュ・シート」が肢体不自由のある人の空の旅を変える取り組み。移乗ゼロの実現で身体的・精神的な負担を軽減する革新的技術を紹介。

note

言語聴覚士が訪問リハビリの現場から、バリアフリーとユニバーサルデザインの違いを解説。日常生活の具体例を通じて、すべての人にとって使いやすい設計思想の価値を伝える。

note

デザイナーが福祉施設の待合ベンチなど日常の使い勝手を観察し、誰もが座りやすい形へ試行錯誤するプロセス。ユニバーサルデザイン思考の実践例を展開。

Accessibility Is Not a Lighthouse Checkbox アクセシビリティはLighthouseチェックボックスではない

記事 海外
DEV Community

自動化ツールに依存せず、セマンティックHTML・キーボード操作・フォーカス設計による総合的なアクセシビリティアプローチを解説。人間による検証の重要性を強調する。

Accessible Web Apps: A Div Is Not a Button アクセシブルなWebアプリ:divはボタンではない

記事 海外
DEV Community

モダンフロントエンドフレームワークでも、セマンティックHTMLを保つことが重要。ボタン等のインタラクティブ要素に適切なHTML要素の使用を強調。

Deque partners with Nexer to expand digital accessibility support across the UK, Sweden, Germany, and broader European markets - Deque Dequeがアクセシビリティ支援を欧州に拡大 — Nexerとのパートナーシップ

記事 海外
Deque

アクセシビリティコンサルティング企業Dequeとパートナーが協働し、ヨーロッパ各国でのアクセシビリティ支援体制を整備。地域別の戦略・規制対応・検証をサポート。

here comes the GoodWitch – HTML Accessibility GoodWitch - HTMLアクセシビリティ

記事 海外
HTML5 Accessibility

HTMLでのセマンティックマークアップとWAI-ARIAの活用によるアクセシビリティ実装の最新知見を解説する記事。ウェブアクセシビリティの標準的なアプローチを紹介する。

Most React Devs Use aria-label Wrong (Here's the Fix) ほとんどのReact開発者はaria-labelを間違って使っている(修正方法)

記事 海外
DEV Community

React開発者による aria-label の誤用パターンを指摘し、スクリーンリーダーユーザーに正しく伝わるWAI-ARIA属性の使用方法を解説。

note

Google AI Studioのライブコーディング機能を活用した迅速なWebアクセシビリティツール開発事例。地域コミュニティの書類作成支援から始まったプロジェクトの技術的背景と開発プロセスを解説。

SVG Icon Accessibility: Decorative vs Meaningful Icons SVGアイコンのアクセシビリティ:装飾的か機能的か

記事 海外
DEV Community

SVGアイコンの実装において、装飾的か機能的かの使い分けと、aria-hidden・role・aria-labelの適切な使用方法を解説。

Not every form field needs to be in a fieldset すべてのフォームフィールドが fieldset に含まれる必要はない

記事 海外
A11y Weekly

フォームのアクセシビリティ設計において fieldset の適切な使用方法を解説。すべてのフォームフィールドが fieldset に含まれる必要がないことを学べる。

What is an Artifact in PDF? PDFのアーティファクトとは

記事 海外
DEV Community

PDFドキュメント生成時に導入される非セマンティック視覚要素「アーティファクト」の概念とアクセシビリティ観点での役割を解説。

Reviving Ultra Creative Suite: The First Fully Accessible Video Editor for Blind Users Ultra Creative Suite の復活: 視覚障害者向け完全アクセシブルビデオエディタ

記事 海外
DEV Community

視覚障害者が利用できるビデオエディタ「Ultra Creative Suite」の実装と特徴について解説した企業事例記事。スクリーンリーダー対応とキーボード操作による完全なアクセシビリティを実現している。

note

東京大学の熊谷晋一郎先生との対話を通じ、当事者研究とインクルーシブデザインの実践的な関係性、および親が当事者と社会をつなぐ役割について考察。

note

杖などの福祉道具の使いやすさを観察し、実際に試作するデザイン初心者の実践記。身体に触れる感覚から「こうなったら使いやすいか」という改善案を形にしていく過程を紹介する。

WebAIM: An Extension is Not an Excuse ブラウザ拡張は言い訳にはならない

記事 海外
WebAIM

ブラウザ拡張機能でのアクセシビリティ補正の限界と問題点を指摘。本当の意味のアクセシビリティ実装には、デザイン段階からの本質的対応が不可欠であることを論じる。

Designing accessible documents - TetraLogical アクセシブルなドキュメント設計

記事 海外
TetraLogical

アクセシブルなドキュメント設計の考え方と実践方法。障害のある人を含むすべての利用者が読みやすく、ナビゲートしやすい文書の作成方法を解説。

Why Our WCAG Scanner Is Free (And What That Costs Us) WCAGスキャナーが無料である理由とその代償

記事 海外
DEV Community

WCAG自動検査ツール(axe)を無料で提供するビジネスモデルと実際の費用効果について考察。オープンソース的アプローチの意義を論じている。

Accessibility Bugs That Were Actually Architecture Problems アクセシビリティの問題はアーキテクチャが原因

記事 海外
DEV Community

エンタープライズフロントエンド開発での経験から、多くのアクセシビリティ欠陥は実はアーキテクチャの設計不具合であることを解説。支援技術を通して明らかになる構造的課題と対処方法。

note

聴覚障害のある国会議員が音声読み上げとリアルタイムテキスト化を活用した質問事例から、テクノロジーが障害の定義を変える可能性について論じた評論。

The Digital Accessibility Maturity Model (DAMM™): A Practical Framework for Sustained Accessibility デジタルアクセシビリティ成熟度モデル(DAMM):持続可能なインクルージョンに向けた実践フレームワーク

記事 海外
Level Access

Level Access が提案するアクセシビリティ成熟度モデル。組織がアクセシビリティを段階的・持続的に推進するための実践的フレームワークとロードマップを解説。

Frontend Engineering Beyond Pixels: The Architecture of Digital Accessibility フロントエンドエンジニアリングとデジタルアクセシビリティのアーキテクチャ

記事 海外
DEV Community

フロントエンドエンジニア視点からデジタルアクセシビリティの実装アーキテクチャを解説。ユーザーインターフェースの設計と技術的実装方法について、翻訳レイヤーとしての役割を論じている。

HTML meta content-language: canonical reference HTMLメタ言語宣言(content-language):規範リファレンス

記事 海外
DEV Community

HTMLメタタグ(http-equiv="content-language")によるページ言語宣言の仕様と実装方法について、包括的に解説したテクニカルリファレンス。

Make Your Embedded Audio Player Accessible カスタム音声プレイヤーをアクセシブルに

記事 海外
DEV Community

カスタム音声プレイヤーをアクセシブルに実装するための方法を解説。キーボード操作やWAI-ARIA属性の使用方法などの技術的な実装ガイドを提供している。

note

二次元コードで印刷内容を音声読み上げする『Uni-Voice』技術を使った、印刷物のバリアフリー化推進について。視覚障害者向けのアクセシブル情報提供と自治体・企業の取組事例を紹介する。

note

車椅子利用者が利用できるバリアフリーペンション『Himawari』での家族の旅行体験記。肢体不自由を持つ家族が、アクセシブルな環境で旅行の喜びを実感する当事者視点のレポート。

Good designers, bad websites: A proposal 優れたデザイナー、ひどいウェブサイト:提案

記事 海外
A11y Weekly

デザイナーの実践能力とウェブサイトのアクセシビリティ品質の関係性を分析し、改善への提案を述べる A11y Weekly の記事。

Maybe Don’t Rely on Google’s “Modern Web Guidance” Googleの「モダンウェブガイダンス」に頼るべきではない理由

記事 海外
Adrian Roselli

GoogleのModern Web Guidance(MWG)の信頼性に関する批判的考察。AI コーディングエージェント向けガイダンスが、Web標準やアクセシビリティ原則とどう整合するかを問う。

Accessibility (a11y) for SEO and AEO SEOとAEO向けアクセシビリティ実装ガイド

記事 海外
DEV Community

SEOとAEO最適化の観点からアクセシビリティ実装の重要性を解説した技術ガイド。検索エンジンと回答エンジンランキングにおけるa11y実装の影響をフレームワーク化。

シカクの窓

一宮市博物館の特別展『みる、さわる、ふれあう』。視覚・聴覚・肢体など様々な障害のある来館者が五感で楽しめるユニバーサル・ミュージアムの実践。

AccessLens — a blind person's lanyard, powered by Gemma 4 on-device AccessLens — 盲人向けAI搭載ランヤード、Gemma 4による視覚インタープリター

記事 海外
DEV Community

視覚障害者向けのAI搭載ウェアラブルカメラで、顔認識・永続メモリ・テキスト音声化を備え、スマートフォン上で完全オンデバイス動作する視覚インタープリターの開発とその応用について解説する記事。

note

研修プレゼンテーションでは役員から称賛を受けたが、Tabキー操作によるテストでアクセシビリティの重大な不備が明らかに。開発者の目覚めと改善への道

note

ChromeOS M132で新たに導入された顔認識AI機能「Face Control」の仕組みと活用方法。肢体不自由など運動機能に制限がある利用者のアクセシビリティを大幅に向上させる支援技術を解説する。

Accessibility - This looks like a job for a developer advocate! アクセシビリティ — 開発者アドボケートとしてのキャリア

記事 海外
DEV Community

アクセシビリティに特化したフロントエンドエンジニアとしてのキャリアと役割について、開発者がアドボケート(推進者)として担うべき職務を論じた記事。

AI-generated accessibility, an update — frontier models still fail, but skills change the game AI生成のアクセシビリティ — フロンティアモデルの失敗とスキルの可能性

記事 海外
DEV Community

アクセシビリティコンテンツ生成のベンチマーク調査の最新結果。大規模言語モデルが代替テキストやアクセシビリティ実装タスクで直面する課題と、改善可能性について分析する。

Color Contrast in Web Design: WCAG AA, AAA, and Why It Actually Matters Webデザインのカラーコントラスト:WCAG AA、AAAと実装の重要性

記事 海外
DEV Community

WebデザインにおけるカラーコントラストのWCAG AA/AAA基準を解説し、その実装の重要性について論じた技術記事。デザイナーとエンジニアに向けたアクセシビリティの実務知識。

GABI: um framework para o desenvolvimento de software financeiro inclusivo para idosos, com Lara Lima (UFC Quixadá e ICMC/USP) GABI:高齢者向けの包含的な金融ソフトウェア開発フレームワーク

記事 海外
DEV Community

高齢者向けの金融ソフトウェア開発フレームワーク(GABI)について、大学の研究者が開発プロセスと設計の考え方を論じるポッドキャストエピソード。インクルーシブなソフトウェア開発の実例。

こここ

手話を言語として生きるろう者の大学教授の働き方と人生を紹介するインタビュー。当事者の視点から職業生活と聴覚障害のある人の可能性を描く。

note

高島屋が開発する視覚障害者向け衣料品シリーズ。オノマトペをテーマにした触覚的なデザイン。企業による2年連続のバリアフリー企画。

Single List Keyboard Handling シングルリスト キーボード操作

記事 海外
DEV Community

Reactでアクセシブルなナビゲーションコンポーネントを開発する際の、キーボード操作とフォーカス管理の実装パターンと工夫を詳細に解説。

DPI日本会議

建築プロジェクトにおける当事者参画の重要性とバリアフリー・ユニバーサルデザイン推進について、国土交通省のガイドライン普及を目的とした学会・団体合同セミナーの開催案内。

You Got an ADA Demand Letter. Now What? ADA需要信を受け取ったら:最初の72時間で取るべき対応

記事 海外
DEV Community

米国障害者法 (ADA) の需要信対応ガイド。最初の72時間での対応手続き、是正内容の文書化、長期的なリスク軽減方法を実践的に解説する

Elevating Open Source: Integrating Accessibility for Superior Engineering Outcomes 優れたエンジニアリング成果のためのオープンソース・アクセシビリティ統合

記事 海外
DEV Community

オープンソースプロジェクトにアクセシビリティを統合することの重要性と実装メリットを解説。インクルーシブなエンジニアリング組織づくりのガイドライン。

How to Transcribe Live Events & Conferences: A Complete Guide for Organizers (2026) ライブイベント・カンファレンスのトランスクリプト化完全ガイド:主催者向け

記事 海外
DEV Community

ライブイベント・カンファレンスにおける字幕・トランスクリプト化の実装ガイド。聴覚障害者を含むすべての参加者への情報アクセス保証の手法を解説。

Why Your 'Added to Cart' Toast Notification Never Reaches Screen Reader Users (And the Two-Line Fix) トースト通知をスクリーンリーダーユーザーに届かせるための修正方法

記事 海外
DEV Community

トースト通知がスクリーンリーダーユーザーに認識されない問題と、わずかなコード修正での解決方法を技術的に解説する記事。フロントエンド開発者向け。

note

特別支援教育を個別対応から全児童生徒向けのインフラへ転換し、ユニバーサルデザインで学校全体を再設計する管理職向けの論文。障害の有無を超えた学習環境づくりの方法論を解説。

DEV Community

2025年の大量ADA訴訟が小規模Web企業を標的にする背景とリスクを解説。開発者が理解すべきアクセシビリティ対応と法的責任を実務的に論じる。

AI Transcription for Accessibility: How Speech-to-Text Opens Up the World for Deaf & Hard of Hearing Communities 聴覚障害者のためのAI音声テキスト化:字幕機能がもたらすアクセスの世界

記事 海外
DEV Community

聴覚障害者向けのAI音声認識・自動字幕化によるアクセシビリティ実現を解説。430万人以上の聴覚障害者への技術的サポート方法を実装視点から説く。

note

福祉用具のユニバーサルデザインを目指すデザイナーが、椅子への着座動作を観察し、使いやすさを追求する試作記。身体動作から生まれた改善案を形にする過程を記録。

When Your Chat Bubble Hides Form Errors: The Accessibility Bug Behind Mystery Sign-Up Drop-Offs チャットがフォームエラーを隠す問題:アクセシビリティバグとコンバージョン低下

記事 海外
DEV Community

フローティングライブチャットウィジェットがサインアップ・決済フォームのエラーメッセージを隠す問題を、WCAG 1.4.10違反として分析。アクセシビリティ不具合とコンバージョン低下の因果関係を解説。

セルフレジのフェイルセーフ設計の利点について、認知的困難や注意散漫さのある当事者の視点から述べた記事。ミス防止設計の価値を解説している。

Accessibility (a11y) in Modern Apps モダンアプリケーションにおけるアクセシビリティ

記事 海外
DEV Community

モダンアプリケーションにおけるアクセシビリティの実装。ウェブの普遍性を基本に、すべてのユーザーがアクセスできるアプリ設計の原則と実装方法を解説する。

Level Access GAAD 2026 Resources: Training, Toolkit & More Level Access GAAD 2026 リソース:トレーニング・ツールキット等

記事 海外
Level Access

GAAD 2026を記念し、Level Accessが無料のトレーニング、ツールキット、その他リソースを提供。アクセシビリティ意識を実行に移すための支援。

PhotoLens — A Fully Offline, On-Device Photo Gallery That Gives Blind and Low-Vision Users Independent Access to Their Own Memories PhotoLens — 視覚障害者・ロービジョンユーザーのためのオフライン写真ギャラリー

記事 海外
DEV Community

生成AIを活用して視覚障害者・ロービジョンユーザーが自身の写真を独立的にアクセスできるオフラインアプリの開発実例。プライバシーを保護しながら写真情報へのアクセスを実現するソリューション。

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の適切な使用方法、実装上の考慮点について詳しく解説。

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シンプルメモアプリの優れたアクセシビリティ設計を当事者視点から紹介。スクリーンリーダー対応による使いやすさを解説。

note

テレビ放送のバリアフリー字幕と地震速報の同時配信が技術的に実現できない問題を当事者視点から報告。聴覚障害者が直面する情報アクセスの実装上の課題を指摘した記事。

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リフロー)の対策を解説。多くのサイトが見落とすアクセシビリティバグ。

ソーシャルインクルージョンを考えるWebメディア(シンク!)

日本の障害者支援制度の歴史と現在の法的枠組みを解説。障害者総合支援法が定めるサービス体系と、施設保護から地域生活支援への転換過程をまとめた。

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

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属性空白と見出し構造崩れが与える影響を実感。

DPI日本会議

名古屋のパロマ瑞穂スタジアム視察報告。アジアパラ競技大会メイン会場として新築された陸上競技場のバリアフリー対応、車いす席303席の設置状況、施設アクセス環境、およびバリアフリー法義務基準への準拠状況を紹介。

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対応等)を分析した記事。

THEATRE for ALL

韓国の劇場アクセシビリティの実践事例。Modu Art Theaterの取り組みを通じて、制度と現場の連携によるアクセシビリティ実装の課題と展望を学ぶ講座。

THEATRE for ALL

精神障害と身体表現の関係を、現場実践者のクロストークで探る。障害のある創作者の対談から、アクセシビリティと創作活動の実践を解説する。

THEATRE for ALL

精神障害のある創作者が、個人的な経験と創作活動の関係性を語るSTAGE for ALLのオンライン講座レポート。最も個人的な経験が最もクリエイティブなことをもたらす関係性を論じる。

THEATRE for ALL

精神障害のある当事者による演劇創作の実践例。OUTBACKアクターズスクールと東京ソテリアの事例から、バリアフリー対応と創作活動の現場を紹介する。

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か条に基づき、色覚特性に配慮したカラーパレットを設計した行政デジタルサービスの実践例。

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

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

Highlighting Footnotes 脚注のハイライト表示

記事 海外
Kitty Giraudel

脚注のアクセシビリティを向上させる実装方法。HTML/CSS による脚注表示の最適化手法とキーボード・スクリーンリーダー対応を解説。

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

When “Neutral” Isn’t Really Neutral: 12 Everyday Practices That Disproportionately Impact People with Disabilities - Sheri Byrne-Haber's Blog 「中立」は本当に中立ではない:障害者に不均衡な影響を与える12の日常的慣行

記事 海外
Sheri Byrne-Haber

ビジネスと教育の現場において、一見中立的に見える日常的な慣習が障害のある人に不釣り合いな影響を与える実態を分析する。

シカクの窓

演劇作品の舞台鑑賞を視覚障害者も等しく楽しめるようにするバリアフリープログラム。音声ガイド・タッチツアー・点字・拡大文字資料で対応。

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 やオーバーレイ企業が提供する同種サービスの必要性を批判的に検討している。

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

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

記事 海外
W3C WAI

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

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

記事 海外
WebAIM

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

ミツエーリンクス アクセシビリティBlog

スクリーンリーダーで読み上げられない、操作できないアプリケーション・コンテンツに対してAIを活用し、アクセシビリティを向上させるツール『Viewpoint』の機能・活用方法を解説する。

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

THEATRE for ALL

視覚障害者と車椅子ユーザーが劇場に安全かつ快適にアクセスするためのバリアフリーマップ作成を提案。音声ガイド、字幕、手話通訳など多様な鑑賞支援手法を実装した事例。

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

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

改正障害者差別解消法によるWebアクセシビリティ義務化の背景、内容、よくある誤解と実装対策を解説する記事。実際に事業者が講じるべき対応を整理。

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プラットフォームにも適用される可能性と、コンプライアンス要件を解説した記事。

The code element code要素

記事 海外
Heydon Pickering

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

The cite element cite要素

記事 海外
Heydon Pickering

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

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

記事 海外
Sara Soueidan

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

The canvas element Canvas要素

記事 海外
Heydon Pickering

HTML canvas要素のアクセシブルな実装方法とベストプラクティスを解説した非公式ガイド。支援技術での利用を想定した設計手法を提示する。

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

記事 海外
Aaron Gustafson

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

Poisoning Well 毒の井戸

記事 海外
Heydon Pickering

大規模言語モデルへの悪意的なデータ注入による汚染の実験的戦略を検討し、アクセシビリティおよび倫理上の課題を論じる。

Tag, you’re it タグ、あなたが鬼

記事 海外
Eric Bailey

HTMLセマンティックタグの適切な使用方法とアクセシビリティへの影響についての技術解説

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

記事 海外
Sarah Horton

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

note

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

THEATRE for ALL

演劇製作の過程を通して言語とアクセシビリティを問い直すクロストークイベントレポート。音声ガイド、バリアフリー字幕、手話通訳など複数のバリアフリー手法による演劇作品のアクセシビリティ実装を紹介する。

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

AbleGamers Impact, David P AbleGamers インパクト: David P

記事 海外
AbleGamers

作業療法士の推奨でゲーミングを始めた当事者が、Dead by Daylight を通じて社会参加とリハビリの価値を実感した体験談

AbleGamers Impact, Grant G AbleGamers インパクト: Grant G

記事 海外
AbleGamers

障害後、友人とのオンラインゲーミングができなくなった当事者が、適応ゲーミング技術を通じて交流を回復した事例

AbleGamers Impact, Carlos A AbleGamers インパクト:Carlos A

記事 海外
AbleGamers

ゲームがストレス軽減と社会的つながりの重要な手段となることを述べた当事者の体験記。健康上の理由による中断を経験。

AbleGamers Impact, Elvin R AbleGamers インパクト:Elvin R

記事 海外
AbleGamers

ゲームが脳へのチャレンジ機会を提供する重要性について述べた当事者の体験記。認知的な刺激による生活の質の向上を語る。

Paragraphs | scottohara.me 段落

記事 海外
Scott O'Hara

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

AbleGamers Impact, Jon M AbleGamers インパクト:Jon M

記事 海外
AbleGamers

ゲームをプレイすることが集中力の維持とエンターテイメント体験をもたらし、生活の質を向上させることを述べた当事者の体験記。

AbleGamers Impact, Jonathan F. AbleGamers インパクト:Jonathan F.

記事 海外
AbleGamers

支援者による寄付と訓練を通じてゲームへのアクセスを取り戻し、その価値を実感した当事者の体験を述べたインパクト記事。

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

記事 海外
Scott O'Hara

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

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

記事 海外
Marcus Herrmann

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

AbleGamers Impact, Chris H AbleGamersインパクト:Chris H

記事 海外
AbleGamers

ゲーム当事者がAbleGamersのピアカウンセラーから受けた支援と、自分の強み・制限を評価する体験。

AbleGamers Impact, Courtney AbleGamers インパクト:Courtney

記事 海外
AbleGamers

標準的なコントローラーでは効果的にプレイできない肢体に対応した機器選択により、ゲームをプレイ継続できるようになった当事者の体験記。

How the Gaming Industry Is Adapting ゲーム業界のアクセシビリティへの適応

記事 海外
AbleGamers

ゲーム業界がアクセシビリティに対応する動向を紹介。障害のある人を含む幅広いプレイヤーに対応するゲーム設計の事例を探る。

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

記事 海外
Sarah Horton

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

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

記事 海外
Marcus Herrmann

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

THEATRE for ALL

バリアフリーマップアプリ『WheeLog!』の発案者である織田友理子さんが、情報と心のバリアフリー化の繋がりについて語る。ユーザーコミュニティを通じた社会的インパクトの形成を紹介している。

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

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

記事 海外
Scott O'Hara

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

THEATRE for ALL

障害のある観客と健常者が同時に鑑賞できるバリアフリー演劇の制作手法。音声ガイドや舞台設営の工夫により全観客が同じ時間・空間で演劇を楽しむための演出について紹介。

共同通信

2024年4月の改正障害者差別解消法施行により民間企業に義務化された合理的配慮について、「過重な負担」の線引きの難しさや炎上リスク、当事者の期待と不安を取材した記事。

Role-playing game ロールプレイングゲーム

記事 海外
Marcus Herrmann

ロールプレイングゲームの設計におけるアクセシビリティ課題と対応方法について述べた記事。障害者を含むプレイヤー全員がゲームを楽しむための実装と配慮を解説する。

Adventures with BeMyAI - Tink - Léonie Watson BeMyAIとの冒険 — アクセシビリティ専門家による実践レポート

記事 海外
Léonie Watson

AIアシスタント「BeMyAI」の使用体験を視覚障害当事者の視点から評価。支援技術としての有効性と課題を論じる。

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実装の基礎知識である。

Farewell, 2021 さようなら、2021年

記事 海外
Marcus Herrmann

2021年を振り返り、a11yエンジニアとしての経験や学習、プロジェクトの成果と課題、業界動向について考察した個人的な回顧記事。

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要素を適切に隠す手法を解説する。

THEATRE for ALL

ウェブサイトのアクセシビリティ改善において、様々な障害のある利用者の声を聞き共同で設計を進めるインクルーシブなアプローチを論じた記事。多様な視点の統合が重要であることを実践から示す。

THEATRE for ALL

演劇・ダンス・映画などを音声ガイド、バリアフリー字幕、手話通訳でバリアフリー対応するオンライン劇場。多言語翻訳にも対応し、パソコン・スマートフォンで鑑賞可能。

THEATRE for ALL

バリアフリー音声ガイド・字幕・手話通訳を活用した演劇・映画・ダンスなど多領域の芸術作品を配信するプラットフォーム「THEATRE for ALL」の創設者による対談。インクルーシブな芸術享受の実現を目指したプロジェクトの背景。

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へのブログプラットフォーム移行の際に直面したアクセシビリティ上の課題と解決法を解説した技術記事。

Encouraging Open Source Contributions with Docs: a Self-Fulfilling Prophecy ドキュメントでオープンソース貢献を促す:自己成就予言

記事 海外
Marcy Sutton

オープンソースプロジェクトへの参加を促進するドキュメントの重要性。アクセシブルで充実したドキュメントが新規参加者の入口となり、やがてドキュメント改善に貢献する人材が増える好循環について。

About - GAAD

記事

グローバルアクセシビリティ啓発デー(GAAD)の起源について。ウェブ開発者Joe Devanのブログポストから始まった、世界的なアクセシビリティ意識向上キャンペーン。

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仕様強化の必要性を論じる。

The Deal with Developer Advocacy ディベロッパーアドボカシーについて

記事 海外
Marcy Sutton

開発者向けアドボカシー活動の意義と実践。アクセシビリティ専門家の視点から、コミュニティへの支援と変化の起こし方について論じる。

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

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