<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"><channel><title>アックリップ — #フォーム</title><description>「フォーム」タグのアクセシビリティ関連情報</description><link>https://accclip.pages.dev/</link><language>ja</language><item><title>アクセシブルで機能的な数量スピンボタンパターン</title><link>https://dev.to/micaavigliano/accessible-and-functional-quantity-spinbutton-pattern-3f40</link><guid isPermaLink="true">https://dev.to/micaavigliano/accessible-and-functional-quantity-spinbutton-pattern-3f40</guid><description>WAI-ARIA spinbutton パターンのアクセシブル実装方法とベストプラクティスを解説する技術ガイド。</description><pubDate>Wed, 13 May 2026 00:00:00 GMT</pubDate></item><item><title>予約サイトのデートピッカーがアクセシビリティの主要課題である理由</title><link>https://dev.to/agentkit/date-pickers-are-the-most-common-accessibility-failure-on-booking-sites-heres-why-56j8</link><guid isPermaLink="true">https://dev.to/agentkit/date-pickers-are-the-most-common-accessibility-failure-on-booking-sites-heres-why-56j8</guid><description>予約サイトのカレンダーピッカーにおけるアクセシビリティバリアを実例で解説。スクリーンリーダー対応やキーボード操作の問題と対策を提示。</description><pubDate>Mon, 11 May 2026 00:00:00 GMT</pubDate></item><item><title>採用応募フォーム：障害者を見えない形で排除するアクセシビリティ問題</title><link>https://dev.to/agentkit/job-application-forms-the-accessibility-failures-that-quietly-cost-you-disabled-candidates-4mg1</link><guid isPermaLink="true">https://dev.to/agentkit/job-application-forms-the-accessibility-failures-that-quietly-cost-you-disabled-candidates-4mg1</guid><description>採用応募フォームの潜在的なアクセシビリティ問題が障害者の応募を技術的に阻害している実態を指摘。法的側面と実装上の対策を解説。</description><pubDate>Mon, 11 May 2026 00:00:00 GMT</pubDate></item><item><title>フォームアクセシビリティ: ユーザーから苦情が出る前に</title><link>https://dev.to/a11ysolutions/form-accessibility-the-checklist-nobody-actually-uses-until-users-complain-1b3h</link><guid isPermaLink="true">https://dev.to/a11ysolutions/form-accessibility-the-checklist-nobody-actually-uses-until-users-complain-1b3h</guid><description>フォームのアクセシビリティで陥りやすい落とし穴を解説。自動検証では検出できない実ユーザーの課題を指摘し、チェックリスト形式で実装ガイドを提供する。</description><pubDate>Thu, 30 Apr 2026 00:00:00 GMT</pubDate></item><item><title>ニュースレター登録フォームのアクセシビリティ：よくある6つの誤り</title><link>https://dev.to/agentkit/newsletter-signup-form-accessibility-6-mistakes-i-see-in-every-creator-landing-page-38io</link><guid isPermaLink="true">https://dev.to/agentkit/newsletter-signup-form-accessibility-6-mistakes-i-see-in-every-creator-landing-page-38io</guid><description>クリエイター向けランディングページのニュースレター登録フォームで多く見られるアクセシビリティの誤りを指摘。フォーム設計の改善点を解説。</description><pubDate>Wed, 29 Apr 2026 00:00:00 GMT</pubDate></item><item><title>Shadcn ラジオボタンの驚くべき過剰複雑性</title><link>https://www.aaron-gustafson.com/notebook/links/the-incredible-overcomplexity-of-the-shadcn-radio-button/</link><guid isPermaLink="true">https://www.aaron-gustafson.com/notebook/links/the-incredible-overcomplexity-of-the-shadcn-radio-button/</guid><description>コンポーネントライブラリの実装複雑性を指摘。Shadcn/uiのラジオボタン実装を例に、なぜそうなるのか、より簡潔な設計の可能性を検討する記事。</description><pubDate>Wed, 29 Apr 2026 00:00:00 GMT</pubDate></item><item><title>患者初診フォームのアクセシビリティ: スクリーンリーダー利用者の課題</title><link>https://blog.usablenet.com/healthcare-intake-screen-reader-accessibility</link><guid isPermaLink="true">https://blog.usablenet.com/healthcare-intake-screen-reader-accessibility</guid><description>視覚障害者が医療保険申込フォームで遭遇するアクセシビリティ問題を指摘。ラベル不足、不正なインプット、モバイルボタンの不具合を当事者の視点から解説。</description><pubDate>Fri, 24 Apr 2026 00:00:00 GMT</pubDate></item><item><title>機能するアクセシブルなカスタムドロップダウン（コンボボックス）の構築方法</title><link>https://dev.to/chille87/how-to-build-accessible-custom-dropdowns-comboboxes-that-actually-work-16bo</link><guid isPermaLink="true">https://dev.to/chille87/how-to-build-accessible-custom-dropdowns-comboboxes-that-actually-work-16bo</guid><description>WAI-ARIAを用いたカスタムドロップダウン・コンボボックスのアクセシブル実装方法を解説。フォーム操作の改善技法。</description><pubDate>Thu, 23 Apr 2026 00:00:00 GMT</pubDate></item><item><title>WCAGコンプライアンス対応の日付入力ウィジェット</title><link>https://dev.to/huub_gr_449d6cd16f47a5dd3/wcag-compliancy-date-widget-40cj</link><guid isPermaLink="true">https://dev.to/huub_gr_449d6cd16f47a5dd3/wcag-compliancy-date-widget-40cj</guid><description>ウェブフォームの日付入力欄におけるアクセシビリティの課題とWCAGコンプライアンス対応方法についての実装ガイド。</description><pubDate>Thu, 23 Apr 2026 00:00:00 GMT</pubDate></item><item><title>Provia AI ショッピングチャット：アクセシビリティ監査レポート</title><link>https://dev.to/agentkit/we-audited-provias-ai-shopping-chat-heres-what-the-before-looks-like-3if8</link><guid isPermaLink="true">https://dev.to/agentkit/we-audited-provias-ai-shopping-chat-heres-what-the-before-looks-like-3if8</guid><description>AI ショッピングチャットのアクセシビリティ監査レポート。naked divs、キーボードナビゲーション不可のカード、入力ラベル欠損など実際の問題を指摘。</description><pubDate>Mon, 20 Apr 2026 00:00:00 GMT</pubDate></item><item><title>なんとなく作らない、意味で書くフォーム設計｜くじら</title><link>https://note.com/whale_0904/n/n503cacbeeeff</link><guid isPermaLink="true">https://note.com/whale_0904/n/n503cacbeeeff</guid><description>スクリーンリーダーやキーボード操作に対応した、意味のあるフォーム設計の原則と実装手法を解説。アクセシビリティを最初から組み込むアプローチ。</description><pubDate>Thu, 16 Apr 2026 00:00:00 GMT</pubDate></item><item><title>アクセシブルなECチェックアウトでカート離脱を減らす方法</title><link>https://blog.usablenet.com/how-to-reduce-cart-abandonment</link><guid isPermaLink="true">https://blog.usablenet.com/how-to-reduce-cart-abandonment</guid><description>ECサイトのチェックアウト画面をアクセシブルに改善することで、カート放棄率を削減し全ユーザーのコンバージョン向上を実現する実装手法を解説する。</description><pubDate>Wed, 08 Apr 2026 00:00:00 GMT</pubDate></item><item><title>参加のハードルを下げる寄付設計｜インクルーシブデザインスタジオCULUMU</title><link>https://note.com/culumu/n/nb6a3d0536682</link><guid isPermaLink="true">https://note.com/culumu/n/nb6a3d0536682</guid><description>参加のハードルを下げるフォーム設計の具体的なアプローチを、寄付システムを題材に紹介するインクルーシブデザイン事例である。</description><pubDate>Tue, 07 Apr 2026 00:00:00 GMT</pubDate></item><item><title>小売チェックアウトのアクセシビリティ：フォームの何が間違っているか</title><link>https://blog.usablenet.com/retail-checkout-accessibility-what-the-forms-get-wrong</link><guid isPermaLink="true">https://blog.usablenet.com/retail-checkout-accessibility-what-the-forms-get-wrong</guid><description>ECサイトのチェックアウトフォームにおけるアクセシビリティの問題を、スクリーンリーダーユーザーの体験をもとに分析し、改善方法を提示している</description><pubDate>Tue, 24 Mar 2026 00:00:00 GMT</pubDate></item><item><title>HTML再学習まとめ：知らなかったこと・気づき②</title><link>https://zenn.dev/irukaboat/articles/d3a21fcc47cc1f</link><guid isPermaLink="true">https://zenn.dev/irukaboat/articles/d3a21fcc47cc1f</guid><description>HTML仕様の再学習を通じて得た気づきをまとめた第2弾。セマンティック要素の正確な使い方とアクセシビリティに関連するHTML仕様の理解を深める内容だ。</description><pubDate>Wed, 18 Mar 2026 00:00:00 GMT</pubDate></item><item><title>Web品質とアクセシビリティ実践ガイド — Dialog・Table・Form・ダークパターン</title><link>https://zenn.dev/ait/books/web-quality-a11y-guide</link><guid isPermaLink="true">https://zenn.dev/ait/books/web-quality-a11y-guide</guid><description>セマンティックHTML、ARIA属性、フォーム設計、Dialog、ダークパターン回避など、Web開発の現場で頻出するアクセシビリティ課題を実践的に解説する。</description><pubDate>Mon, 16 Mar 2026 00:00:00 GMT</pubDate></item><item><title>視覚障害のある買い物客がオンライン返品で苦労する理由</title><link>https://blog.usablenet.com/online-product-return-accessibility-barriers</link><guid isPermaLink="true">https://blog.usablenet.com/online-product-return-accessibility-barriers</guid><description>オンライン購入・返品プロセスにおいて視覚障害ユーザーが直面するアクセシビリティバリア（QRコード、位置選択フォーム等）を分析する記事。</description><pubDate>Fri, 20 Feb 2026 00:00:00 GMT</pubDate></item><item><title>視覚障害のある買い物客がオンラインチェックアウトを完了できない理由</title><link>https://blog.usablenet.com/shopping-cart-accessibility-screen-reader-barriers</link><guid isPermaLink="true">https://blog.usablenet.com/shopping-cart-accessibility-screen-reader-barriers</guid><description>スクリーンリーダーユーザーがオンラインショッピング決済を完了できない理由と、ショッピングカートの一般的なアクセシビリティ障壁を詳解。</description><pubDate>Tue, 17 Feb 2026 00:00:00 GMT</pubDate></item><item><title>ウェブのアクセシブルな構成要素：フォームフィールド</title><link>https://www.youtube.com/watch?v=hj6wCUyGx0o</link><guid isPermaLink="true">https://www.youtube.com/watch?v=hj6wCUyGx0o</guid><description>スクリーンリーダーやキーボード操作ユーザーを含むすべての利用者にとって入力しやすいウェブフォームの設計・実装方法を解説する。</description><pubDate>Fri, 30 Jan 2026 00:00:00 GMT</pubDate></item><item><title>ウェブのアクセシブルな構成要素：フォームフィールド（英国手話版）</title><link>https://www.youtube.com/watch?v=WJGAVpdURGY</link><guid isPermaLink="true">https://www.youtube.com/watch?v=WJGAVpdURGY</guid><description>すべての利用者にとって入力しやすいウェブフォームの設計原則を、イギリス手話で解説するTetraLogicalのシリーズ動画。</description><pubDate>Fri, 30 Jan 2026 00:00:00 GMT</pubDate></item><item><title>キーボードだけで操作できるWEBアプリを作りたい with アクセシビリティ</title><link>https://zenn.dev/appleworld/articles/a11y-div-challenge</link><guid isPermaLink="true">https://zenn.dev/appleworld/articles/a11y-div-challenge</guid><description>Next.js/Reactでキーボード操作のみで使用可能なログインフォームを実装しながら、WAI-ARIAによるフォーカス管理とエラー通知の実装方法を詳しく解説している。</description><pubDate>Fri, 19 Dec 2025 00:00:00 GMT</pubDate></item><item><title>日付ピッカーをどう実装すべきかのガイド「Pikaday」</title><link>https://gigazine.net/news/20251124-pikaday-date-input-guide/</link><guid isPermaLink="true">https://gigazine.net/news/20251124-pikaday-date-input-guide/</guid><description>複雑な日付ピッカーUIをアクセシブルに実装するJavaScriptコンポーネント「Pikaday」。フォーム入力時のキーボード操作とスクリーンリーダー対応を強化し、ユーザー体験改善を目指した技術実装ガイド。</description><pubDate>Mon, 24 Nov 2025 00:00:00 GMT</pubDate></item><item><title>チェックボックスUI - コピペで使えるアクセシビリティ対応モジュール</title><link>https://zenn.dev/chikara_a11y/articles/4d5e0ca70bd4aa</link><guid isPermaLink="true">https://zenn.dev/chikara_a11y/articles/4d5e0ca70bd4aa</guid><description>HTML標準要素とWAI-ARIA属性を組み合わせたアクセシビリティ対応チェックボックスのコピペ可能な実装パターンを紹介している。</description><pubDate>Fri, 23 May 2025 00:00:00 GMT</pubDate></item><item><title>アクセシビリティについて</title><link>https://zenn.dev/chikara_a11y/articles/9747ffc00fc97f</link><guid isPermaLink="true">https://zenn.dev/chikara_a11y/articles/9747ffc00fc97f</guid><description>代替テキスト・フォームラベルなど具体的な実装例を交えながら、Webアクセシビリティの基礎知識とWCAG対応の重要なポイントをわかりやすく解説した入門記事だ。</description><pubDate>Tue, 15 Apr 2025 00:00:00 GMT</pubDate></item><item><title>button 要素</title><link>https://heydonworks.com/article/the-button-element/</link><guid isPermaLink="true">https://heydonworks.com/article/the-button-element/</guid><description>HTML button 要素の実装とアクセシビリティ対応をカバーした非公式ガイド。フォームコントロール、キーボード操作、スクリーンリーダー対応が主焦点。</description><pubDate>Mon, 04 Nov 2024 00:00:00 GMT</pubDate></item><item><title>コンテキストフォームエラーとWAI-ARIA</title><link>https://marcus.io/blog/contextual-form-errors-aria</link><guid isPermaLink="true">https://marcus.io/blog/contextual-form-errors-aria</guid><description>Webフォームのエラー表示のアクセシビリティをWAI-ARIAを用いて改善する方法を解説。コンテキスト情報を含むエラーメッセージの実装パターンを実例で示す。</description><pubDate>Thu, 03 Aug 2023 00:00:00 GMT</pubDate></item><item><title>Webアプリケーションアクセシビリティ──今日から始める現場からの改善</title><link>https://books.rakuten.co.jp/rb/17385753/</link><guid isPermaLink="true">https://books.rakuten.co.jp/rb/17385753/</guid><description>WebアプリケーションのアクセシビリティをHTMLとWAI-ARIAの基礎から実践的改善手法まで体系的に解説した技術書。フォーム・モーダル等の複雑なUIパターンへの対応と組織での推進ノウハウも網羅する。</description><pubDate>Sun, 26 Feb 2023 00:00:00 GMT</pubDate></item><item><title>視覚障がい者のウェブアクセシビリティに配慮した入力フォームの検討</title><link>https://doi.org/10.15077/jjet.s40050</link><guid isPermaLink="true">https://doi.org/10.15077/jjet.s40050</guid><description>視覚障害者のウェブ利用を前提に、アクセシビリティに配慮した入力フォームの設計・実装手法を検討した論文。スクリーンリーダーでの操作性改善を中心に論じる。</description><pubDate>Mon, 06 Mar 2017 00:00:00 GMT</pubDate></item><item><title>フォームデザインパターン</title><link>https://www.smashingmagazine.com/printed-books/form-design-patterns/</link><guid isPermaLink="true">https://www.smashingmagazine.com/printed-books/form-design-patterns/</guid><description>視覚障害者や運動障害のあるキーボードユーザーにも対応したアクセシブルなフォームデザインのパターンを実装例とともに解説した技術書だ。</description><pubDate>Thu, 01 Jan 1970 00:00:00 GMT</pubDate></item></channel></rss>