ウェブアクセシビリティの職務経歴書試験対策。WCAG、ARIA、スクリーンリーダーなど実践的知識と面接対応方法を扱う。
シェアックリップ
シェアされたアックリップです。
そのほかの #WCAG ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
WCAG 2.2 もくもく会 #13 ～ ガイドライン 4.1 互換性 ～
イベント 開催予定
WCAG 2.2 のガイドライン 4.1 互換性を読み合い、学んだことを共有する勉強会。毎月第3木曜日はオフライン交流会も開催される。
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制（EAA・WAD・雇用平等指令）と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
そのほかの #WAI-ARIA ピックアップ
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
Five tour notes that are always in the DOM, and a tour that will not start until you scroll to it
記事 海外
Webアプリケーションのツールチップツアーのアクセシブルな実装。DOMに常に存在させることでスクロール時の位置ずれを回避し、スクリーンリーダー対応する手法を解説。
Interop 2027でのアクセシビリティ関連の機能優先順位付け。focusgroup属性、ariaNotify() APIなどの提案機能を紹介。
ブレッドクラムコンポーネントの実装例を紹介。型定義で最後の項目の href を省き、HTML では aria-current="page" と aria-hidden を使い分け、JSON-LD では position を 1 から始めてリンクのない項目の item を省く設計。
React で一時メール確認フローを実装する際、ステートマシンで状態を明示的に管理し、aria-live で状態変化を通知。ポーリング時に cancelled フラグで不要なレンダリングを避け、アクセシビリティと性能の両立を実現する。
メール検証フォームの実装で、状態管理で各段階を明確にし、aria-invalid で無効状態を示し、CSS で空間を予約することで、フォーカス移動とレイアウトシフトを避け、アクセシビリティと UX の両立を実現する。
そのほかの #スクリーンリーダー ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
スクリーンリーダーがHTMLを読み上げるまでのプロセスとAccessibility API Mappingについて、実技を交えて学ぶウェブ開発者向けのウェビナー。
アクセサリー販売サイトのレイアウト変更を通じた、音声読み上げ対応とリーダー機能への適合事例。色別カテゴリー追加によるUX向上と、iPad・iPhone での検証プロセスを記載する。
視覚障害のある点訳者が、点字データをカナ変換してスクリーンリーダーで音声読み上げするウェブツールを開発。点訳と音声読み上げの相互利用を実現した取り組みを紹介する。
Apple で 20 年間 Mac 開発に携わったエンジニアが 2015 年に完全に失明。VoiceOver 学習をビデオゲームのように攻略した経験、Apple 内のアクセシビリティの位置づけ、エンジニアへのバグ報告の重要性について語る。
スクリーンリーダーユーザーや検索エンジン、低速接続ユーザーのための代替テキスト（alt属性）の書き方。何を含めるべきか、何を避けるべきかを具体例で示している。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
固定フッターがキーボード操作のフォーカスを隠す問題の検証ツール。ResizeObserver で要素の高さを追跡し、WCAG 2.4.11 の達成基準を参考に改善方法を示す。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。
WCAG 2.1のコントラスト比判定を相対輝度から計算し、5つの基準（AA/AAA通常文字/大文字、UI要素）に対応するTypeScriptの実装方法を解説。背景色に応じた合格色の自動提案アルゴリズムも含む。
AI チャット UI で token stream を実装する際、各チャンク到着時に assertive live region を更新するとスクリーンリーダーが頻繁に割り込み、ユーザーの操作フォーカスが混乱される問題を、デバッグ手法とともに解説。
ランディングページのキーボードアクセシビリティチェック。フォーカスリングの表示確認方法、:focus-visible による CSS 実装例、Tab キーで行う手動確認フローを解説。
そのほかの #就労・雇用 ピックアップ
映画『フジヤマコットントン（バリアフリー版）』上映
イベント 開催予定
障害福祉サービス事業所『みらいファーム』の日常を映したドキュメンタリー。ラジオ体操から仕事、交流まで、所員たちの営みを優しく肯定する視点で描く。
入院施設のある精神科病院をなくした町、愛南町
イベント 開催予定
精神科病院を廃止し精神障害者の地域移行と就労を実現した愛南町の事例を紹介。長野敏弘医師による20年の実践から、医療と雇用・地域生活を統合した支援モデルを学ぶ。
身体に障害のある人による提案。介護・移動・医療の支援を1つのアプリで統合し、自分のペースで生活する構想。現在の制度の縦割りと地域格差の問題を指摘し、マイナンバー連動などの実装方法を述べる。
Zero Project Technology Forum で紹介されたスタートアップの取り組みから、精神障害・視覚障害のある人の日常生活の困りごとを出発点にした製品開発と、インクルーシブ防災への展開について考察する報告。
脳性麻痺で電動車椅子を使用する著者が、甲子園のチケット取得失敗から学んだバリアフリーの本質を語る。設備だけでなく、チケット取得方法や情報、移動・食事・雨対策など、外出に必要な多くの条件が揃うことの重要性を指摘。著者が運営するグルメ情報サービス「バリフリグルメ」の背景にある考え方。
"We can't write the code, but boy, we can describe the hell out of what we want." AI is letting blin
YouTube 海外
視覚障害のある開発者が、自然言語の指示だけで AI が UI コード一式を生成する実例。プログラミング知識不要での開発可能性を示唆。