Accessible and Functional Quantity Spinbutton Pattern アクセシブルで機能的な数量スピンボタンパターン
記事 海外
WAI-ARIA spinbutton パターンのアクセシブル実装方法とベストプラクティスを解説する技術ガイド。
#フォーム
29件
Date Pickers Are the Most Common Accessibility Failure on Booking Sites — Here's Why 予約サイトのデートピッカーがアクセシビリティの主要課題である理由
記事 海外
予約サイトのカレンダーピッカーにおけるアクセシビリティバリアを実例で解説。スクリーンリーダー対応やキーボード操作の問題と対策を提示。
Job Application Forms: The Accessibility Failures That Quietly Cost You Disabled Candidates 採用応募フォーム：障害者を見えない形で排除するアクセシビリティ問題
記事 海外
採用応募フォームの潜在的なアクセシビリティ問題が障害者の応募を技術的に阻害している実態を指摘。法的側面と実装上の対策を解説。
Form accessibility: the checklist nobody actually uses (until users complain) フォームアクセシビリティ: ユーザーから苦情が出る前に
記事 海外
フォームのアクセシビリティで陥りやすい落とし穴を解説。自動検証では検出できない実ユーザーの課題を指摘し、チェックリスト形式で実装ガイドを提供する。
Newsletter Signup Form Accessibility: 6 Mistakes I See in Every Creator Landing Page ニュースレター登録フォームのアクセシビリティ：よくある6つの誤り
記事 海外
クリエイター向けランディングページのニュースレター登録フォームで多く見られるアクセシビリティの誤りを指摘。フォーム設計の改善点を解説。
The Incredible Overcomplexity of the Shadcn Radio Button :: Aaron Gustafson Shadcn ラジオボタンの驚くべき過剰複雑性
記事 海外
コンポーネントライブラリの実装複雑性を指摘。Shadcn/uiのラジオボタン実装を例に、なぜそうなるのか、より簡潔な設計の可能性を検討する記事。
Healthcare Accessibility: New Patient Intake Forms and Screen Readers 患者初診フォームのアクセシビリティ: スクリーンリーダー利用者の課題
記事 海外
視覚障害者が医療保険申込フォームで遭遇するアクセシビリティ問題を指摘。ラベル不足、不正なインプット、モバイルボタンの不具合を当事者の視点から解説。
How to Build Accessible Custom Dropdowns (Comboboxes) That Actually Work 機能するアクセシブルなカスタムドロップダウン（コンボボックス）の構築方法
記事 海外
WAI-ARIAを用いたカスタムドロップダウン・コンボボックスのアクセシブル実装方法を解説。フォーム操作の改善技法。
WCAG compliancy date widget WCAGコンプライアンス対応の日付入力ウィジェット
記事 海外
ウェブフォームの日付入力欄におけるアクセシビリティの課題とWCAGコンプライアンス対応方法についての実装ガイド。
We Audited Provia's AI Shopping Chat. Here's What the Before Looks Like. Provia AI ショッピングチャット：アクセシビリティ監査レポート
記事 海外
AI ショッピングチャットのアクセシビリティ監査レポート。naked divs、キーボードナビゲーション不可のカード、入力ラベル欠損など実際の問題を指摘。
スクリーンリーダーやキーボード操作に対応した、意味のあるフォーム設計の原則と実装手法を解説。アクセシビリティを最初から組み込むアプローチ。
How to Reduce Cart Abandonment with Accessible Ecommerce Checkout アクセシブルなECチェックアウトでカート離脱を減らす方法
記事 海外
ECサイトのチェックアウト画面をアクセシブルに改善することで、カート放棄率を削減し全ユーザーのコンバージョン向上を実現する実装手法を解説する。
参加のハードルを下げるフォーム設計の具体的なアプローチを、寄付システムを題材に紹介するインクルーシブデザイン事例である。
Retail Checkout Accessibility: What the Forms Get Wrong 小売チェックアウトのアクセシビリティ：フォームの何が間違っているか
記事 海外
ECサイトのチェックアウトフォームにおけるアクセシビリティの問題を、スクリーンリーダーユーザーの体験をもとに分析し、改善方法を提示している
HTML仕様の再学習を通じて得た気づきをまとめた第2弾。セマンティック要素の正確な使い方とアクセシビリティに関連するHTML仕様の理解を深める内容だ。
セマンティックHTML、ARIA属性、フォーム設計、Dialog、ダークパターン回避など、Web開発の現場で頻出するアクセシビリティ課題を実践的に解説する。
.jpg)
Why Blind Shoppers Struggle With Online Product Returns 視覚障害のある買い物客がオンライン返品で苦労する理由
記事 海外
オンライン購入・返品プロセスにおいて視覚障害ユーザーが直面するアクセシビリティバリア（QRコード、位置選択フォーム等）を分析する記事。
Why Blind Shoppers Can’t Complete Online Checkout 視覚障害のある買い物客がオンラインチェックアウトを完了できない理由
記事 海外
スクリーンリーダーユーザーがオンラインショッピング決済を完了できない理由と、ショッピングカートの一般的なアクセシビリティ障壁を詳解。
Accessible building blocks for web: form fields ウェブのアクセシブルな構成要素：フォームフィールド
YouTube 海外
スクリーンリーダーやキーボード操作ユーザーを含むすべての利用者にとって入力しやすいウェブフォームの設計・実装方法を解説する。
Accessible building blocks for web: form fields (British Sign Language version) ウェブのアクセシブルな構成要素：フォームフィールド（英国手話版）
YouTube 海外
すべての利用者にとって入力しやすいウェブフォームの設計原則を、イギリス手話で解説するTetraLogicalのシリーズ動画。
Next.js/Reactでキーボード操作のみで使用可能なログインフォームを実装しながら、WAI-ARIAによるフォーカス管理とエラー通知の実装方法を詳しく解説している。
複雑な日付ピッカーUIをアクセシブルに実装するJavaScriptコンポーネント「Pikaday」。フォーム入力時のキーボード操作とスクリーンリーダー対応を強化し、ユーザー体験改善を目指した技術実装ガイド。
HTML標準要素とWAI-ARIA属性を組み合わせたアクセシビリティ対応チェックボックスのコピペ可能な実装パターンを紹介している。
アクセシビリティについて
記事
代替テキスト・フォームラベルなど具体的な実装例を交えながら、Webアクセシビリティの基礎知識とWCAG対応の重要なポイントをわかりやすく解説した入門記事だ。
The button element button 要素
記事 海外
HTML button 要素の実装とアクセシビリティ対応をカバーした非公式ガイド。フォームコントロール、キーボード操作、スクリーンリーダー対応が主焦点。
Contextual form errors and ARIA コンテキストフォームエラーとWAI-ARIA
記事 海外
Webフォームのエラー表示のアクセシビリティをWAI-ARIAを用いて改善する方法を解説。コンテキスト情報を含むエラーメッセージの実装パターンを実例で示す。
WebアプリケーションのアクセシビリティをHTMLとWAI-ARIAの基礎から実践的改善手法まで体系的に解説した技術書。フォーム・モーダル等の複雑なUIパターンへの対応と組織での推進ノウハウも網羅する。
視覚障害者のウェブ利用を前提に、アクセシビリティに配慮した入力フォームの設計・実装手法を検討した論文。スクリーンリーダーでの操作性改善を中心に論じる。
Form Design Patterns フォームデザインパターン
海外
視覚障害者や運動障害のあるキーボードユーザーにも対応したアクセシブルなフォームデザインのパターンを実装例とともに解説した技術書だ。