チャット機能のファイル添付チェックボックスで、スクリーン・リーダーの表示と実動作がズレるアクセシビリティバグの分析。スナップショット方式による状態管理の実装方法を示す。
シェアックリップ
シェアされたアックリップです。
そのほかの #支援技術 ピックアップ
Sight Tech Global 2026
イベント 海外 開催予定
視覚障害者向けの支援技術に特化したオンラインカンファレンス。Amazon・Googleなどのテック企業による最新のアクセシビリティ技術と事例が紹介される。
第48回総合リハビリテーション研究大会
イベント 開催予定
能登半島地震を踏まえ、アクセシビリティの現状と課題、今後の方向性を議論する障害者リハビリテーションの総合研究大会。福祉用具やコミュニケーション支援、移動支援など幅広いテーマを扱う。
橋本紗貴×伊藤史人 講演会 ～見えない。聞こえない。それでも、学ぶ。挑む。～
イベント 開催予定
盲ろう・四肢麻痺のある特別支援学校教諭が、支援技術を活用した大学進学から教員採用試験、さらなる夢への挑戦を語る。本人と支援技術研究者による対談で、テクノロジーと人的支援が可能性をどう広げるかを探る。
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
イベント 開催予定
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
世界のアクセシビリティ・支援技術トレンド。AI活用とプライバシー保護の課題、障害者が主導する設計への転換、新しい支援ガジェットなど、複数のニュースをキュレーション。
VoiceOverを使用したeSIM移行手続きの操作ガイド動画。新端末へのeSIM再発行、EIDコピー、アクティベーションまでの手順を、スクリーンリーダー利用者向けに解説する。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第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 キーで行う手動確認フローを解説。
そのほかの #UXデザイン ピックアップ
Kyoto UI自由研究室 #1 (2026/11/13 19:00〜)
イベント 開催予定
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
The Design + Accessibility Summit
イベント 海外 開催予定
デザイン専門家向けのオンラインサミット（第7回）。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる？｜PROJECT SOLITの実践
イベント 開催予定
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザインでつくる海に親しむあそびづくり
イベント 開催予定
インクルーシブデザインの手法を用いて、海に親しむ遊びを制作するワークショップ。参加者が遊びのデザイナーとなり、工作を通じて多様な身体への配慮を学ぶ。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
WCAG 2.2達成基準3.2.3『一貫したナビゲーション』について、デザイナー・コーダー両方の視点から解説。サイト内の共通メニューの並び順を統一する必要性と実装方法。