「WAI-ARIA」タグのアクセシビリティ関連情報https://accclip.pages.dev/jahttps://www.youtube.com/watch?v=oTAH6Er27Wkhttps://www.youtube.com/watch?v=oTAH6Er27WkARIA ロールの異なるカテゴリとそれぞれの特性・使い分けについて解説するビデオ。WAI-ARIA の正確な理解と実装方法を学べる。Thu, 14 May 2026 00:00:00 GMThttps://dev.to/micaavigliano/accessible-and-functional-quantity-spinbutton-pattern-3f40https://dev.to/micaavigliano/accessible-and-functional-quantity-spinbutton-pattern-3f40WAI-ARIA spinbutton パターンのアクセシブル実装方法とベストプラクティスを解説する技術ガイド。Wed, 13 May 2026 00:00:00 GMThttps://dev.to/agentkit/loading-spinners-are-quietly-breaking-your-website-for-screen-reader-users-1g7ohttps://dev.to/agentkit/loading-spinners-are-quietly-breaking-your-website-for-screen-reader-users-1g7oスピナーやスケルトン画面などの待機表示がスクリーンリーダーに対応していない問題と、その解決方法を解説する。Wed, 13 May 2026 00:00:00 GMThttps://www.youtube.com/watch?v=NmD9iJzDQjohttps://www.youtube.com/watch?v=NmD9iJzDQjoWAI-ARIAの aria-controls と aria-owns 属性の使い分けをモーダルUIで簡潔に解説する開発向け教材。属性の役割と違いを実装例で明示。Wed, 13 May 2026 00:00:00 GMThttps://dev.to/shaynaproductions/foundational-accessibility-begins-with-the-base-components-2nachttps://dev.to/shaynaproductions/foundational-accessibility-begins-with-the-base-components-2nacReactでアクセシブルなメインナビゲーションコンポーネントを開発するアプローチ。基盤となるベースコンポーネントの正しい設計と実装で、プロダクト全体のアクセシビリティ向上を実現する方法を解説。Tue, 12 May 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/05/11/amy-warms-to-the-fireside/https://html5accessibility.com/stuff/2026/05/11/amy-warms-to-the-fireside/HTMLのアクセシビリティについてのコンテンツ。セマンティックHTMLとWAI-ARIAの適切な使用方法、実装上の考慮点について詳しく解説。Mon, 11 May 2026 00:00:00 GMThttps://www.levelaccess.com/blog/wai-aria-guidance-best-practices-for-accessible-web-interfaces/https://www.levelaccess.com/blog/wai-aria-guidance-best-practices-for-accessible-web-interfaces/WAI-ARIAの役割・状態・プロパティを使ってスクリーンリーダーなどの支援技術が動的インターフェースを理解できるようにする方法を解説。よくある誤りも指摘。Thu, 07 May 2026 00:00:00 GMThttps://dev.to/a11ysolutions/5-aria-mistakes-that-make-accessibility-worse-not-better-2pmphttps://dev.to/a11ysolutions/5-aria-mistakes-that-make-accessibility-worse-not-better-2pmpARIAの不適切な使用がアクセシビリティを悪化させる5つの誤りパターンと、正しい実装方法を解説するガイド。Wed, 06 May 2026 00:00:00 GMThttps://dev.to/bowdennoah/structure-code-and-accessibility-building-with-purpose-ca7https://dev.to/bowdennoah/structure-code-and-accessibility-building-with-purpose-ca7ウェブ開発において明確で構造化されたコードを基盤に、アクセシビリティを実現する設計思想と実装方法を解説した記事。Wed, 06 May 2026 00:00:00 GMThttps://dev.to/shaynaproductions/creating-initial-requirements-for-an-accessible-navigation-component-3gdghttps://dev.to/shaynaproductions/creating-initial-requirements-for-an-accessible-navigation-component-3gdgReactのナビゲーションコンポーネントをアクセシブルに設計するための初期要件整理。WAI-ARIAとキーボード操作仕様に基づいた系統的な要件定義アプローチ。Tue, 05 May 2026 00:00:00 GMThttps://zenn.dev/lazy_ai_dev/articles/boardgame-accessibility-coordinate-synchttps://zenn.dev/lazy_ai_dev/articles/boardgame-accessibility-coordinate-syncゲーム・ボードゲームUIのアクセシビリティについて、ARIA属性よりも座標同期による実装が有効である理由と具体的な実装手法を解説。Mon, 04 May 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/05/04/wendy-fireside/https://html5accessibility.com/stuff/2026/05/04/wendy-fireside/HTML標準におけるネイティブアクセシビリティ機能の実装詳解。セマンティックマークアップとWAI-ARIAの相互関係を含め、アクセシブルなHTML開発の原則を網羅的に解説。Mon, 04 May 2026 00:00:00 GMThttps://kittygiraudel.com/2026/05/02/nextjs-link-as-a-button/index.mdhttps://kittygiraudel.com/2026/05/02/nextjs-link-as-a-button/index.mdNext.jsのLinkコンポーネントをボタンとして扱う実装方法を解説している。セマンティックHTMLとアクセシビリティを考慮した設計が主題。Sat, 02 May 2026 00:00:00 GMThttps://dev.to/chille87/accessible-accordions-and-tabs-the-two-patterns-everyone-confuses-1edahttps://dev.to/chille87/accessible-accordions-and-tabs-the-two-patterns-everyone-confuses-1edaビジュアルは似ているが異なるUIパターンであるAccordionとTabの違いを解説。WAI-ARIAに基づいた正確な実装方法とベストプラクティスを提示している。Thu, 30 Apr 2026 00:00:00 GMThttps://www.levelaccess.com/blog/aria-roles-explained-a-practical-guide-for-web-developers/https://www.levelaccess.com/blog/aria-roles-explained-a-practical-guide-for-web-developers/WAI-ARIAロールの正しい使用方法を解説したガイド。ウェブ開発者向けに、スクリーンリーダーなどの支援技術がHTML要素の構造と役割を理解するメカニズムを説明する。Thu, 30 Apr 2026 00:00:00 GMThttps://dev.to/shaynaproductions/hunting-for-an-accessible-react-navigation-component-56mihttps://dev.to/shaynaproductions/hunting-for-an-accessible-react-navigation-component-56miReactでアクセシブルなナビゲーションコンポーネント実装の課題を探索。既存ライブラリの検討から実装までのプロセスを通じ、開発者が直面する実践的な選択肢を提示する。Thu, 30 Apr 2026 00:00:00 GMThttps://www.levelaccess.com/blog/wai-aria-explained-a-guide-to-accessible-rich-internet-applications/https://www.levelaccess.com/blog/wai-aria-explained-a-guide-to-accessible-rich-internet-applications/WAI-ARIAの基礎から実装方法、よくある誤りの回避方法までを解説するガイド。スクリーンリーダーとの連携によるWebアプリケーションのアクセシビリティ向上について。Thu, 30 Apr 2026 00:00:00 GMThttps://www.aaron-gustafson.com/notebook/links/accessible-faux-nested-interactive-controls/https://www.aaron-gustafson.com/notebook/links/accessible-faux-nested-interactive-controls/Web UIにおけるネストされたインタラクティブコントロールのアクセシブルな実装方法とベストプラクティスを解説。Wed, 29 Apr 2026 00:00:00 GMThttps://dev.to/chille87/how-to-build-accessible-custom-dropdowns-comboboxes-that-actually-work-16bohttps://dev.to/chille87/how-to-build-accessible-custom-dropdowns-comboboxes-that-actually-work-16boWAI-ARIAを用いたカスタムドロップダウン・コンボボックスのアクセシブル実装方法を解説。フォーム操作の改善技法。Thu, 23 Apr 2026 00:00:00 GMThttps://dev.to/infolyt/just-published-reacttailwindaccesskit-4gnohttps://dev.to/infolyt/just-published-reacttailwindaccesskit-4gnoReact と Tailwind CSS を使用したアクセシブルな UI コンポーネントライブラリ。モダンで視覚的に優れた UI を構築する際のアクセシビリティ実装手法を解説する。Wed, 22 Apr 2026 00:00:00 GMThttps://dev.to/antigymclub/how-to-add-skip-links-to-any-wordpress-theme-2c7ihttps://dev.to/antigymclub/how-to-add-skip-links-to-any-wordpress-theme-2c7iスキップリンクはアクセシビリティの基本機能でありながら見落とされやすい。WordPressテーマへの実装方法を解説している。Tue, 21 Apr 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/04/20/gerard-does-fireside/https://html5accessibility.com/stuff/2026/04/20/gerard-does-fireside/HTMLセマンティック要素とアクセシビリティ属性の関係を実装例で解説。見出し、ランドマーク、ARIA属性の使用方法を中心に扱う。Mon, 20 Apr 2026 00:00:00 GMThttps://note.com/whale_0904/n/nfc3649f78567https://note.com/whale_0904/n/nfc3649f78567divではなく正しいHTMLセマンティクスを使うべき、ARIAは最後の手段という実装原則について、具体例を交えて解説した記事。Sun, 19 Apr 2026 00:00:00 GMThttps://zenn.dev/gemcook/articles/css-accessibility-tips3https://zenn.dev/gemcook/articles/css-accessibility-tips3モダンCSSの活用によるWebアクセシビリティ対応の実装テクニック3選を、実例を交えて解説した実践的な記事。Fri, 17 Apr 2026 00:00:00 GMThttps://note.com/whale_0904/n/n7c9f9dc76adbhttps://note.com/whale_0904/n/n7c9f9dc76adbHTMLランドマーク要素を見た目ではなく意味的構造に基づいて実装し、スクリーンリーダーユーザーの情報移動を支援する設計方法を解説。Thu, 16 Apr 2026 00:00:00 GMThttps://dev.to/ssmancha/the-accessibility-tree-is-the-new-api-1hm4https://dev.to/ssmancha/the-accessibility-tree-is-the-new-api-1hm4AIエージェントはウェブサイトを見ずアクセシビリティツリーを読む。スクリーンリーダー向けに構築された同じ構造がAI向けAPIとして機能する現実を指摘。Wed, 15 Apr 2026 00:00:00 GMThttps://dev.to/chille87/accessible-modals-how-to-build-dialogs-that-dont-trap-confuse-or-exclude-users-3o3phttps://dev.to/chille87/accessible-modals-how-to-build-dialogs-that-dont-trap-confuse-or-exclude-users-3o3pモーダルダイアログのアクセシビリティ設計を解説。ユーザーをトラップせず、混乱させず、除外しないUIパターンを紹介している。Tue, 14 Apr 2026 00:00:00 GMThttps://zenn.dev/ryutagoto/articles/button-vs-link-judgment-axeshttps://zenn.dev/ryutagoto/articles/button-vs-link-judgment-axesWebUIにおけるボタンとリンクの使い分けの判断基準をアクセシビリティの視点から言語化した記事。セマンティックHTML実装が支援技術の正確な動作に不可欠であることを説いている。Sun, 12 Apr 2026 00:00:00 GMThttps://zenn.dev/matsutoba/articles/dfc5aad405423ahttps://zenn.dev/matsutoba/articles/dfc5aad405423aNVDAとVoiceOverの挙動差を例に、スクリーンリーダー検証で実装と操作方法を切り分けることの重要性を解説。視覚障害者向けのテスト方法を共有。Sat, 11 Apr 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/04/07/old-advice-hiding-content-has-no-effect-on-accessible-name-or-description-calculation/https://html5accessibility.com/stuff/2026/04/07/old-advice-hiding-content-has-no-effect-on-accessible-name-or-description-calculation/CSSで視覚的に非表示にした要素でも、WAI-ARIAの属性がアクセシブル名・説明計算に影響することを、スクリーンリーダーの実例で解説した技術記事である。Tue, 07 Apr 2026 00:00:00 GMThttps://www.sheribyrnehaber.com/locked-out-why-otp-and-2fa-often-fail-users-with-disabilities/?utm_source=rss&utm_medium=rss&utm_campaign=locked-out-why-otp-and-2fa-often-fail-users-with-disabilitieshttps://www.sheribyrnehaber.com/locked-out-why-otp-and-2fa-often-fail-users-with-disabilities/?utm_source=rss&utm_medium=rss&utm_campaign=locked-out-why-otp-and-2fa-often-fail-users-with-disabilitiesワンタイムパスワードと二要素認証がスクリーンリーダーユーザーや聴覚・視覚・認知障害のあるユーザーを排除する問題と、その解決策（複数認証方法、ARIA対応等）を分析した記事。Wed, 01 Apr 2026 00:00:00 GMThttps://web.dev/blog/baseline-digest-feb-2026?hl=enhttps://web.dev/blog/baseline-digest-feb-2026?hl=en2026年2月にブラウザ間で対応されたWeb API機能の月次レポート。RTL/LTRのテキスト方向自動キャプチャが改善され、支援技術の処理精度が向上。Mon, 30 Mar 2026 00:00:00 GMThttps://kittygiraudel.com/2026/03/21/heading-anchors-with-11ty/index.mdhttps://kittygiraudel.com/2026/03/21/heading-anchors-with-11ty/index.md見出しにアンカーリンクを自動生成するEleventy実装パターン。cherioライブラリを用いたビルドタイム変換で、サーバーサイドに見出しIDに対応するアンカーを自動挿入し、クライアント側JavaScriptを削減する設計を解説。Sat, 21 Mar 2026 00:00:00 GMThttps://zenn.dev/miyabitti/articles/c7a6591d3317b9https://zenn.dev/miyabitti/articles/c7a6591d3317b9トースト通知のアクセシビリティ問題を指摘し、ARIAライブリージョンの実装方法や認知アクセシビリティの視点から改善策を提案した技術記事だ。Thu, 19 Mar 2026 00:00:00 GMThttps://zenn.dev/irukaboat/articles/d3a21fcc47cc1fhttps://zenn.dev/irukaboat/articles/d3a21fcc47cc1fHTML仕様の再学習を通じて得た気づきをまとめた第2弾。セマンティック要素の正確な使い方とアクセシビリティに関連するHTML仕様の理解を深める内容だ。Wed, 18 Mar 2026 00:00:00 GMThttps://zenn.dev/smartvain/articles/2026-03-13-qi544dyacg1ghttps://zenn.dev/smartvain/articles/2026-03-13-qi544dyacg1gAIエージェントがWebを読む時代において、セマンティックHTMLとアクセシビリティ対応の有効性を論じた記事だ。Mon, 16 Mar 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/03/12/heydon-fireside-2-cant-shut-the-fucker-up/https://html5accessibility.com/stuff/2026/03/12/heydon-fireside-2-cant-shut-the-fucker-up/HTML5 AccessibilityがHeydon Pickering氏と共にWebアクセシビリティの現状と指針について率直に対話するファイヤーサイドチャット第2弾。Mon, 16 Mar 2026 00:00:00 GMThttps://zenn.dev/ait/books/web-quality-a11y-guidehttps://zenn.dev/ait/books/web-quality-a11y-guideセマンティックHTML、ARIA属性、フォーム設計、Dialog、ダークパターン回避など、Web開発の現場で頻出するアクセシビリティ課題を実践的に解説する。Mon, 16 Mar 2026 00:00:00 GMThttps://masup9.github.io/apg-patterns-examples/ja/https://masup9.github.io/apg-patterns-examples/ja/WAI-ARIA APGのデザインパターンをReact・Vue・Svelte・Astroで実装したアクセシブルコンポーネントの実例集だ。Sun, 15 Mar 2026 00:00:00 GMThttps://zenn.dev/irukaboat/articles/256e499cbe3b83https://zenn.dev/irukaboat/articles/256e499cbe3b83HTMLタグのセマンティックな使用法の重要性を再学習する過程で得られた実践的気づきをまとめ、スクリーンリーダーへの情報伝達におけるセマンティック要素の役割を具体例で解説している。Sat, 14 Mar 2026 00:00:00 GMThttps://zenn.dev/comm_vue_nuxt/articles/feat-nuxt-announcerhttps://zenn.dev/comm_vue_nuxt/articles/feat-nuxt-announcerNuxtアプリでSPA遷移時の動的コンテンツ変更をスクリーンリーダーに伝えるNuxtAnnouncerモジュールの仕組みと実装方法を、ARIAライブリージョンの応用例とともに解説している。Fri, 13 Mar 2026 00:00:00 GMThttps://www.levelaccess.com/blog/aria-labels-and-accessible-names-a-developers-guide/https://www.levelaccess.com/blog/aria-labels-and-accessible-names-a-developers-guide/ARIAラベルとアクセシブルな名前が支援技術にどう解釈されるかを解説した開発者向けガイド。正しい実装方法とよくある実装ミスを具体例で説明している。Thu, 12 Mar 2026 00:00:00 GMThttps://zenn.dev/tomokusaba/articles/75061311adb601https://zenn.dev/tomokusaba/articles/75061311adb601WCAGの『堅牢』原則を交通系ICカードの改札機残高表示の曖昧さを例に、支援技術が確実に情報を解釈できる実装の重要性を解説した記事。Mon, 09 Mar 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/03/06/karl-stokes-the-fireside/https://html5accessibility.com/stuff/2026/03/06/karl-stokes-the-fireside/HTMLアクセシビリティの知見を持つKarlがHTML5 Accessibilityのファイヤーサイドチャットで、自身の経験と考え方を率直に語るインタビュー対談である。Mon, 09 Mar 2026 00:00:00 GMThttps://www.aaron-gustafson.com/notebook/accessibility-assistant-for-figma-v52/https://www.aaron-gustafson.com/notebook/accessibility-assistant-for-figma-v52/FigmaのアクセシビリティアシスタントがWAI-ARIAロール拡張・アノテーション刷新・UI統合を含むv52へアップデート。デザイン段階での検証精度が向上し、アクセシビリティシフトレフトが実現した。Fri, 20 Feb 2026 00:00:00 GMThttps://zenn.dev/siltcodes/articles/e1c99ee2132ad2https://zenn.dev/siltcodes/articles/e1c99ee2132ad2Ctrl+F全文検索にもヒットするアクセシブルなタブコンポーネントの実装方法。WAI-ARIAとキーボード操作・スクリーンリーダー対応を含む最新実装例。Tue, 17 Feb 2026 00:00:00 GMThttps://ericwbailey.website/published/heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide/https://ericwbailey.website/published/heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide/LLMにARIAオーサリングプラクティスガイドを正しく参照させるプロンプト手法を解説し、AIがアクセシビリティのベストプラクティスを正確に扱える課題を論じている。Mon, 16 Feb 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/02/12/talking-with-heydon-pickering/https://html5accessibility.com/stuff/2026/02/12/talking-with-heydon-pickering/アクセシビリティ著作で知られるHeydon PickeringへのインタビューをHTML5 Accessibilityが収録したもので、HTMLアクセシビリティへの実践的見解が語られている。Mon, 16 Feb 2026 00:00:00 GMThttps://www.joedolson.com/2026/02/able-player-4-8-0-and-able-player-for-wordpress-2-3-0-released/https://www.joedolson.com/2026/02/able-player-4-8-0-and-able-player-for-wordpress-2-3-0-released/アクセシブルなメディアプレーヤー「Able Player」v4.8.0とWordPress向けプラグイン2.3.0が同時リリース。変更点の詳細を解説。Sat, 07 Feb 2026 00:00:00 GMThttps://adrianroselli.com/2026/02/you-know-what-just-dont-split-words-into-letters.htmlhttps://adrianroselli.com/2026/02/you-know-what-just-dont-split-words-into-letters.htmlARIA属性を使用したリンク実装時に、テキストを文字単位で分割することがスクリーンリーダーユーザーに与える問題を詳述し、10年以上前からの落とし穴を改めて明示している。Thu, 05 Feb 2026 00:00:00 GMT