Adobe Acrobat Pro DC の Fix Reading Order ツールを使用してラジオボタンなどのフォーム要素をスクリーンリーダー対応にするためのチュートリアル。
シェアックリップ
シェアされたアックリップです。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
アクセサリー販売サイトのレイアウト変更を通じた、音声読み上げ対応とリーダー機能への適合事例。色別カテゴリー追加によるUX向上と、iPad・iPhone での検証プロセスを記載する。
視覚障害のある点訳者が、点字データをカナ変換してスクリーンリーダーで音声読み上げするウェブツールを開発。点訳と音声読み上げの相互利用を実現した取り組みを紹介する。
Apple で 20 年間 Mac 開発に携わったエンジニアが 2015 年に完全に失明。VoiceOver 学習をビデオゲームのように攻略した経験、Apple 内のアクセシビリティの位置づけ、エンジニアへのバグ報告の重要性について語る。
スクリーンリーダーユーザーや検索エンジン、低速接続ユーザーのための代替テキスト(alt属性)の書き方。何を含めるべきか、何を避けるべきかを具体例で示している。
そのほかの #フォーム ピックアップ
メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。
セマンティック HTML 要素がスクリーンリーダーなどの支援技術による情報理解をどのように改善するかを解説。代替テキスト、フォームラベル、見出し構造の3つの実装課題を実例とともに説明している。
CAPTCHA の代わりにハニーポットを使って、スクリーンリーダー利用者に負担をかけずにスパムボットを検出する実装方法。フロントエンドとサーバー側の検証を解説。
React でメールフォームを実装する際に、フォーカス管理とアクセシビリティを両立させる方法。フォーム状態(読み込み中、成功、エラー)の変化を WAI-ARIA で通知しながら、キーボード操作とスクリーンリーダーに対応。エラー時のフォーカス復帰の実装方法を解説。
VIN入力フォームのアクセシビリティ実装について。ラベル、エラーメッセージの表示、live regionsによるスクリーンリーダー対応、フォーカス管理の具体的なコードパターンを解説している。
メールアドレス入力フィールドの目的を明示する方法について。type属性は形式を、autocomplete属性は具体的な目的を示すことで、フィールドの見た目と実際の機能の一貫性を保つ実装パターンを解説している。
そのほかの #支援技術 ピックアップ
Sight Tech Global 2026
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
第48回総合リハビリテーション研究大会
能登半島地震を踏まえ、アクセシビリティの現状と課題、今後の方向性を議論する障害者リハビリテーションの総合研究大会。福祉用具やコミュニケーション支援、移動支援など幅広いテーマを扱う。
橋本紗貴×伊藤史人 講演会 ~見えない。聞こえない。それでも、学ぶ。挑む。~
盲ろう・四肢麻痺のある特別支援学校教諭が、支援技術を活用した大学進学から教員採用試験、さらなる夢への挑戦を語る。本人と支援技術研究者による対談で、テクノロジーと人的支援が可能性をどう広げるかを探る。
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
世界のアクセシビリティ・支援技術トレンド。AI活用とプライバシー保護の課題、障害者が主導する設計への転換、新しい支援ガジェットなど、複数のニュースをキュレーション。
VoiceOverを使用したeSIM移行手続きの操作ガイド動画。新端末へのeSIM再発行、EIDコピー、アクティベーションまでの手順を、スクリーンリーダー利用者向けに解説する。