アックリップ
How to Reduce Cart Abandonment with Accessible Ecommerce Checkout アクセシブルなECチェックアウトでカート離脱を減らす方法
記事 海外
ECサイトのチェックアウトをアクセシブルに改善することで、カート放棄率を下げ全ユーザーのコンバージョン向上を実現する方法を解説している。
#フォーム
13件
Locked Out: Why OTP and 2FA Often Fail Users with Disabilities - Sheri Byrne-Haber's Blog 締め出される：OTPと2FAが障害のあるユーザーの期待に応えられない理由 - Sheri Byrne-Haberのブログ
記事 海外
ワンタイムパスワード（OTP）と二要素認証（2FA）がスクリーンリーダーユーザーや聴覚・視覚・認知障害のあるユーザーをロックアウトしている問題を分析し、複数認証方法の提供やARIA対応などのアクセシブルな実装方法を提案する記事。
Retail Checkout Accessibility: What the Forms Get Wrong 小売チェックアウトのアクセシビリティ：フォームの何が間違っているか
記事 海外
ECサイトのチェックアウトフォームにおけるアクセシビリティの問題を、スクリーンリーダーを使う視覚障害者の体験をもとに分析し、改善すべき具体的な箇所を挙げている。
HTML再学習を通じて得た気づきや知らなかった仕様をまとめた記事の第2弾で、セマンティックな要素の使い方やアクセシビリティに関連するHTML仕様の理解が深まる内容だ。
CSUN ATC 2026: Assistive Technology at Meta: Innovations with Ray-Ban Meta and Neural Band CSUN ATC 2026：MetaにおけるAT — Ray-Ban MetaとNeural Bandのイノベーション
YouTube 海外
MetaのRay-Ban MetaとNeural Bandを活用した支援技術の革新についてMeta社員が語るCSUN ATC 2026のフィーチャーセッション。
セマンティックHTML・ARIA・フォーム設計・Dialog・ダークパターン回避まで、現場で頻出するWeb品質課題を網羅したZenn本だ。
Accessible building blocks for web: form fields ウェブのアクセシブルな構成要素：フォームフィールド
YouTube 海外
誰もが入力しやすいウェブフォームを実現するためのアクセシブルな設計・実装方法を、TetraLogicalが解説している。
フォームの日付入力をよりアクセシブルに実装するためのJavaScriptコンポーネント「Pikaday」を紹介し、複雑なUIが招く入力ミスやフォーム離脱を解消するアプローチを解説したガイドだ。
HTML標準要素とARIA属性を組み合わせた、アクセシビリティ対応チェックボックスUIの実装パターンをコピペ可能な形で紹介している。
アクセシビリティについて
記事
代替テキストやフォームラベルなど具体的な実装例を交えながら、Webアクセシビリティの基礎知識とWCAG対応のポイントを整理した入門記事だ。
The button element buttonエレメント
記事 海外
An unofficial guide to the HTML button element
WebアプリケーションにおけるアクセシビリティをHTMLとWAI-ARIAの基礎から実践的な改善手法まで体系的に解説した技術書。フォーム・モーダル・通知など複雑なUIパターンへの対応や、組織でのアクセシビリティ推進ノウハウも網羅する。
Form Design Patterns フォームデザインパターン
海外
視覚障害者や運動障害のあるキーボードユーザーにも対応したアクセシブルなフォームデザインのパターンを、実装例とともに解説した書籍だ。