「WAI-ARIA」タグのアクセシビリティ関連情報https://accclip.marimokikakugk.com/jahttps://ca11y.connpass.com/event/393281/https://ca11y.connpass.com/event/393281/渋谷を拠点にするアクセシビリティ勉強会の第4回。WAI-ARIA・WCAG 3.0・APCA・acc-nameなどマニアックなテーマのLT5本＋懇親会。Fri, 19 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/65e2c45869018cd1f06dhttps://qiita.com/tomokusaba/items/65e2c45869018cd1f06dFluent UI 2のラジオボタンコンポーネントのアクセシビリティ実装とBlazor 5との比較・使い分けを解説。ラジオボタンの正しいa11y設計を学べる。Tue, 16 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/d3b54e147dec86ec7086https://qiita.com/tomokusaba/items/d3b54e147dec86ec7086Fluent UI 2 の Rating コンポーネント（評価UI）の設計思想とアクセシビリティ実装を、従来版との比較で解説。Tue, 16 Jun 2026 00:00:00 GMThttps://dev.to/shaynaproductions/focus-issues-and-refinement-support-417lhttps://dev.to/shaynaproductions/focus-issues-and-refinement-support-417lReact でアクセシブルなメインナビゲーション開発における、フォーカス管理の課題と改善手法、最適化のプラクティスを解説。Tue, 16 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/221c4b8bf08e8b700a84https://qiita.com/tomokusaba/items/221c4b8bf08e8b700a84Fluent UI 2 の Progress Bar コンポーネントの実装方法とアクセシビリティ対応について解説。Skeleton との使い分けも含む技術記事。Mon, 15 Jun 2026 00:00:00 GMThttps://dev.to/sridhar_natuva_2b5e2beef0/we-deleted-our-focus-trap-scroll-lock-and-toggle-logic-the-browser-already-does-it-42ahttps://dev.to/sridhar_natuva_2b5e2beef0/we-deleted-our-focus-trap-scroll-lock-and-toggle-logic-the-browser-already-does-it-42aフォーカストラップ・スクロール制御・トグルロジックなどのUI実装パターンをブラウザの標準機能で実装する方法。ヘッドレスUIコンポーネント設計のベストプラクティス。Mon, 15 Jun 2026 00:00:00 GMThttps://zenn.dev/kagan/books/accessible-ui-cataloghttps://zenn.dev/kagan/books/accessible-ui-catalogUIコンポーネント実装時に必要なアクセシビリティ基準をコンポーネント単位で整理したカタログ。キーボード操作可能性、支援技術対応、WCAG達成基準の適用方法を具体例とともに解説。Sun, 14 Jun 2026 00:00:00 GMThttps://dev.to/piotr_wisniewski/aria-w-tabelach-danych-a-wymogi-eaa-jak-wdrozyc-dostepnosc-bez-przekraczania-budzetu-msp-3ehghttps://dev.to/piotr_wisniewski/aria-w-tabelach-danych-a-wymogi-eaa-jak-wdrozyc-dostepnosc-bez-przekraczania-budzetu-msp-3ehgデータテーブルへのARIA実装とEAA（ヨーロッパアクセシビリティ法）への対応を、中小企業の予算効率を意識しながら実現する方法を解説。規制要件と実装コストのバランス取りを論じる。Sun, 14 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/c323de23e753455eeb7chttps://qiita.com/tomokusaba/items/c323de23e753455eeb7cFluent UI 2のNavコンポーネントのガイダンス・動作・レイアウト・アクセシビリティ実装を詳解。Fluent UI Blazor 5との比較を交えながら、アクセシビリティを実装するためのポイントを提示。Sun, 14 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/bf6f2d4d6cd875042d2ahttps://qiita.com/tomokusaba/items/bf6f2d4d6cd875042d2aFluent UIのリンクコンポーネント設計を、支援技術での理解を重視しながらボタンとの区別も含めて解説。Sat, 13 Jun 2026 00:00:00 GMThttps://dev.to/137foundry/how-to-test-modal-dialog-accessibility-with-keyboard-navigation-and-screen-readers-379fhttps://dev.to/137foundry/how-to-test-modal-dialog-accessibility-with-keyboard-navigation-and-screen-readers-379fモーダルダイアログをキーボードとスクリーンリーダーでテストする方法を解説。WAI-ARIAの正しい実装とアクセシビリティ検証手法、スクリーンリーダーユーザーの操作性確保方法を紹介。Fri, 12 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/0e2f80eff7e8afbb51eehttps://qiita.com/tomokusaba/items/0e2f80eff7e8afbb51eeFluent UI 2のInputコンポーネント実装における、フォーム設計とアクセシビリティ対応を詳細に解説。ラベル・補足テキストの配置、支援技術への対応方法を扱う。Thu, 11 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/4446e4ab89b5eaa55987https://qiita.com/tomokusaba/items/4446e4ab89b5eaa55987Fluent UI 2のアイコンのセマンティック目的とアクセシビリティ対応について解説する技術記事。デザインシステムにおけるアクセシビリティの実装方法を論じている。Thu, 11 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/6f522ad550c6a853e623https://qiita.com/tomokusaba/items/6f522ad550c6a853e623Fluent UI 2のImageコンポーネントのアクセシビリティを含むレイアウト設計について解説する技術記事。支援技術への意味情報の伝達方法を論じている。Thu, 11 Jun 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/06/11/brian-kardell-visits-the-fireside/https://html5accessibility.com/stuff/2026/06/11/brian-kardell-visits-the-fireside/HTMLアクセシビリティの専門家Brian Kardellへのインタビュー。セマンティックHTMLと標準化によるウェブアクセシビリティの実装ベストプラクティスと業界動向を解説。Thu, 11 Jun 2026 00:00:00 GMThttps://bryntum.com/blog/accessibility-in-the-bryntum-grid/https://bryntum.com/blog/accessibility-in-the-bryntum-grid/JavaScriptデータグリッドコンポーネントのアクセシビリティ実装方法を解説した記事である。支援技術ユーザーを含むすべてのユーザーが利用できるデータ表示方法の考慮点を論じている。Wed, 10 Jun 2026 00:00:00 GMThttps://dev.to/shaynaproductions/navigating-with-tabs-4mh5https://dev.to/shaynaproductions/navigating-with-tabs-4mh5Reactで完全にアクセシブルなタブナビゲーションコンポーネントの実装方法。キーボード操作とWAI-ARIAの適用を解説。Tue, 09 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/7f92dfabf9b32967b2f1https://qiita.com/tomokusaba/items/7f92dfabf9b32967b2f1Fluent UI 2 のドロップダウンコンポーネントのアクセシビリティ設計を解説。単一・複数選択に対応したコンテンツ設計の考え方と実装方法を紹介。Sun, 07 Jun 2026 00:00:00 GMThttps://dev.to/fazalshah/lottie-animations-and-accessibility-prefers-reduced-motion-aria-and-best-practices-51fohttps://dev.to/fazalshah/lottie-animations-and-accessibility-prefers-reduced-motion-aria-and-best-practices-51foLottieアニメーションのアクセシビリティベストプラクティス。アニメーション過敏症への配慮、ARIA属性の活用、CSS prefers-reduced-motion の実装方法を解説。Sun, 07 Jun 2026 00:00:00 GMThttps://dev.to/flavien_guillon_333689cbb/ariaml-an-html-fork-n3jhttps://dev.to/flavien_guillon_333689cbb/ariaml-an-html-fork-n3jHTMLから派生したマークアップ言語AriaMLの仕様。WAI-ARIAの実装を簡素化し、アクセシビリティを標準化する試み。Fri, 05 Jun 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/06/05/fireside-chat-the-journey-continues/https://html5accessibility.com/stuff/2026/06/05/fireside-chat-the-journey-continues/HTMLアクセシビリティの現状と展望について。W3C・WAI関係者らによる、標準化プロセスと今後の業界動向をめぐる対談。Fri, 05 Jun 2026 00:00:00 GMThttps://dev.to/shaynaproductions/the-ups-and-downs-of-keyboard-handling-1p4fhttps://dev.to/shaynaproductions/the-ups-and-downs-of-keyboard-handling-1p4fReact でキーボード操作に完全対応したアクセシブルなナビゲーションコンポーネント実装の方法を解説。キーボードユーザーとスクリーンリーダーユーザーへの対応。Thu, 04 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/337b0de5fb5bd238c2a8https://qiita.com/tomokusaba/items/337b0de5fb5bd238c2a8Fluent UI 2 の Breadcrumb コンポーネントのアクセシビリティ実装を、Fluent UI Blazor 5 との対応と情報設計の観点から解説。ナビゲーション要素の正しい ARIA 属性による構造化。Wed, 03 Jun 2026 00:00:00 GMThttps://dev.to/johnnylemonny/accessibility-is-not-a-lighthouse-checkbox-2a1nhttps://dev.to/johnnylemonny/accessibility-is-not-a-lighthouse-checkbox-2a1n自動化ツールに依存せず、セマンティックHTML・キーボード操作・フォーカス設計による総合的なアクセシビリティアプローチを解説。人間による検証の重要性を強調する。Tue, 02 Jun 2026 00:00:00 GMThttps://dev.to/peralov/accessible-web-apps-a-div-is-not-a-button-5gf9https://dev.to/peralov/accessible-web-apps-a-div-is-not-a-button-5gf9モダンフロントエンドフレームワークでも、セマンティックHTMLを保つことが重要。ボタン等のインタラクティブ要素に適切なHTML要素の使用を強調。Tue, 02 Jun 2026 00:00:00 GMThttps://html5accessibility.com/stuff/2026/06/02/here-comes-the-goodwitch/https://html5accessibility.com/stuff/2026/06/02/here-comes-the-goodwitch/HTMLでのセマンティックマークアップとWAI-ARIAの活用によるアクセシビリティ実装の最新知見を解説する記事。ウェブアクセシビリティの標準的なアプローチを紹介する。Tue, 02 Jun 2026 00:00:00 GMThttps://dev.to/dev_encyclopedia/most-react-devs-use-aria-label-wrong-heres-the-fix-1o1ahttps://dev.to/dev_encyclopedia/most-react-devs-use-aria-label-wrong-heres-the-fix-1o1aReact開発者による aria-label の誤用パターンを指摘し、スクリーンリーダーユーザーに正しく伝わるWAI-ARIA属性の使用方法を解説。Tue, 02 Jun 2026 00:00:00 GMThttps://dev.to/svgicons/svg-icon-accessibility-decorative-vs-meaningful-icons-2430https://dev.to/svgicons/svg-icon-accessibility-decorative-vs-meaningful-icons-2430SVGアイコンの実装において、装飾的か機能的かの使い分けと、aria-hidden・role・aria-labelの適切な使用方法を解説。Tue, 02 Jun 2026 00:00:00 GMThttps://qiita.com/tomokusaba/items/6a9a8bd2eb278cffb83bhttps://qiita.com/tomokusaba/items/6a9a8bd2eb278cffb83bFluent UI 2 の Accordion コンポーネントの情報設計とアクセシビリティ実装ガイド。大量の情報を扱うUIで認知負荷を下げるための設計手法。Mon, 01 Jun 2026 00:00:00 GMThttps://a11yweekly.com/issue/502/https://a11yweekly.com/issue/502/フォームのアクセシビリティ設計において fieldset の適切な使用方法を解説。すべてのフォームフィールドが fieldset に含まれる必要がないことを学べる。Mon, 01 Jun 2026 00:00:00 GMThttps://note.com/liquitous/n/nab5c73e9b24chttps://note.com/liquitous/n/nab5c73e9b24cLiquitousのアクセシビリティ向上活動報告。Webサイトのランドマーク調整など技術的な改善取り組みと実績を報告。Fri, 29 May 2026 00:00:00 GMThttps://dev.to/anex_ui/i-built-an-accessible-react-component-library-from-scratch-heres-what-i-learned-4lnghttps://dev.to/anex_ui/i-built-an-accessible-react-component-library-from-scratch-heres-what-i-learned-4lngReactで一からアクセシブルなコンポーネントライブラリを構築した実装経験と教訓。WAI-ARIA活用によるデザインシステム設計。Thu, 28 May 2026 00:00:00 GMThttps://dev.to/christian_heilmann_f06f83/accessibility-question-is-nesting-interactive-elements-bad-dhttps://dev.to/christian_heilmann_f06f83/accessibility-question-is-nesting-interactive-elements-bad-dギャラリースクリプト実装時にぶつかるインタラクティブ要素の入れ子問題。ラベル内にリンクを置くことの是非とスクリーンリーダーでの動作挙動を検討。Wed, 27 May 2026 00:00:00 GMThttps://dev.to/stanlymt/make-your-embedded-audio-player-accessible-2odhttps://dev.to/stanlymt/make-your-embedded-audio-player-accessible-2odカスタム音声プレイヤーをアクセシブルに実装するための方法を解説。キーボード操作やWAI-ARIA属性の使用方法などの技術的な実装ガイドを提供している。Tue, 26 May 2026 00:00:00 GMThttps://www.levelaccess.com/blog/the-importance-of-keyboard-accessibility-why-aria-widgets-dont-work-as-expected-in-voice-navigation-software/https://www.levelaccess.com/blog/the-importance-of-keyboard-accessibility-why-aria-widgets-dont-work-as-expected-in-voice-navigation-software/ARIAウィジェットはセマンティクスを通知するがキーボード動作を提供しない。開発チーム向けのカスタムコンポーネント実装ガイド。Tue, 26 May 2026 00:00:00 GMThttps://qiita.com/furuse-kazufumi/items/33b70c801894b91ca826https://qiita.com/furuse-kazufumi/items/33b70c801894b91ca826lliveが採用した「不可視アノテーションチャネル」設計パターンを解説。HTMLでは見えないが機械が読める情報を埋め込み、複数プロダクトの相互依存性を実現する手法。Fri, 22 May 2026 00:00:00 GMThttps://dev.to/shaynaproductions/single-list-keyboard-handling-1fjihttps://dev.to/shaynaproductions/single-list-keyboard-handling-1fjiReactでアクセシブルなナビゲーションコンポーネントを開発する際の、キーボード操作とフォーカス管理の実装パターンと工夫を詳細に解説。Thu, 21 May 2026 00:00:00 GMThttps://zenn.dev/estie/articles/79b2db0586a0b9https://zenn.dev/estie/articles/79b2db0586a0b9dialog/Popover API の標準化と実装に関する Web標準の設計思想を考察。なぜこれらの仕様が開発者に完全に委ねられているのかを解説Wed, 20 May 2026 00:00:00 GMThttps://bloomcode-studio.com/semantic-html-accessibility/https://bloomcode-studio.com/semantic-html-accessibility/セマンティックHTMLの基本と正しい使い分けを解説。タグの役割とアクセシビリティへの影響、実装時の落とし穴を紹介。Wed, 20 May 2026 00:00:00 GMThttps://dev.to/a11ysolutions/accessible-error-messages-the-patterns-that-work-across-jaws-nvda-and-voiceover-1b5nhttps://dev.to/a11ysolutions/accessible-error-messages-the-patterns-that-work-across-jaws-nvda-and-voiceover-1b5nスクリーンリーダー環境で正しく機能するエラーメッセージの実装パターンを解説。JAWS・NVDA・VoiceOverで検証したaria-liveとaria-invalidの活用法。Mon, 18 May 2026 00:00:00 GMThttps://dev.to/gauravchodwadia/giving-ai-agents-eyes-part-2-from-page-snapshots-to-interaction-traces-24hdhttps://dev.to/gauravchodwadia/giving-ai-agents-eyes-part-2-from-page-snapshots-to-interaction-traces-24hdAIエージェントがページのa11y treeとユーザーアクティビティを追跡する仕組みを解説。Module Federationの活用例とTypeScript実装を紹介する。Mon, 18 May 2026 00:00:00 GMThttps://dev.to/agentkit/why-your-added-to-cart-toast-notification-never-reaches-screen-reader-users-and-the-two-line-fix-58enhttps://dev.to/agentkit/why-your-added-to-cart-toast-notification-never-reaches-screen-reader-users-and-the-two-line-fix-58enトースト通知がスクリーンリーダーユーザーに認識されない問題と、わずかなコード修正での解決方法を技術的に解説する記事。フロントエンド開発者向け。Mon, 18 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://zenn.dev/ui_memo/articles/efec949e5cd9d1https://zenn.dev/ui_memo/articles/efec949e5cd9d1HTMLのネイティブダイアログ要素（dialog・popover・details）の使い分けについて実装ガイド。各要素のセマンティクスと役割の違いを解説している。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://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://vispero.com/resources/not-all-hidden-content-is-equal-how-different-hiding-methods-impact-accessibility/https://vispero.com/resources/not-all-hidden-content-is-equal-how-different-hiding-methods-impact-accessibility/CSS や ARIA による異なるコンテンツ隠蔽方法（display:none、visibility:hidden、aria-hidden など）がスクリーンリーダーやキーボード操作に与える影響を検証・比較。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://kittygiraudel.com/2026/05/07/blog-search-with-11ty/index.mdhttps://kittygiraudel.com/2026/05/07/blog-search-with-11ty/index.mdEleventyを使ったアクセシブルなブログ検索機能の実装方法を実装例で解説。WAI-ARIAとキーボード操作対応を含む。Thu, 07 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 GMT