- 2026/4/20
- https://ca11y.connpass.com/event/388158/
アクセシビリティ試験の"その後"を仕組み化する
yuuuminさん(サイバーエージェント)
https://developers.cyberagent.co.jp/blog/archives/62639/
- アクセシビリティの試験
- WCAGダブルA
- スプレッドシートで項目ごとに管理
- a11y-specialist-skillsの活用
- Lighthoyseや目視でも
- 試験の問題をどう再発防止するか
- 結果をissueに変換
- スキルで自動化
- スプレッドシートの結果の記載から
- issueに対して自動で対応のPR作成
- 結果をissueに変換
- 知見をガイドライン化
- ガイドラインプルリクを自動生成
- プルリクレビューのアクセシビリティに関する内容を集めてくる
- ガイドラインを使ってコードレビューさせる
- 属人化させないで仕組みとして回し続ける
アクセシビリティ1年生、専任になるまでとこれから
Koji Kobayashiさん(LegalOn Technologies)
- デザインシステム
- 全てのプロダクトで使ってる
- AA水準を目指してる
- 90コンポーネント
- 学び方
- 書籍
- 勉強会に行ってブログ書いたり
- ボランティアに行って障害者に接したり
- WCAGの意図を見失わないように
- 美味しくないけど栄養のある病院食のようなWebにならないように
アクセシビリティ改善、何をどの順番でやる?
nagashimamさん(SNKRDUNK)
- アクセシビリティの対応
- 事前措置
- 仕組みや環境の整備
- 事後措置
- 今起きている問題の止血
- 事前措置
- 海外でサービス展開
- 訴訟リスク
- 長期的な事前措置
- AI出力の爆増
- 土壌の整備
- 文化の情勢
- AIが出したものの品質
- AIにチェックさせてもいいがトークン2倍使うことになる
- 最初から品質のいいものを
謎解きをバリアフリーに！
和久井香菜子さん
- ユニバーサルなボードゲーム
- 小笠原の謎解き周遊
- 情報保障を用意して
実はあれもアクセシビリティ？！ カーブカット効果が教えてくれること
maddyさん(Goodpatch)
https://goodpatch-tech.hatenablog.com/entry/curb-cut-effect
- カーブカット効果
- 特定グループを支援することが広範な人に恩恵をもたらすこと
- 車椅子向けの対応が色んな人の役に立つとか
- 身近なカーブカット効果
- クローズドキャプション(字幕)
- メール
- 聴覚障害者が音声に頼らずコミュニケーションをとったのがきかっけ
- SMS
- 聴覚障害者が発明したTTYがもと
- タッチスクリーン
- 曲がるストロー
- 病院で横になっても飲めるようにしたのが最初
- オーディオブック
- 視覚障害者の読書のためだった
- 障害がある状況
- 恒常的/一時的/状況的
- 誰でもいつでも必要な時はくる
ARIA Notifyについて
infixerさん(タイミー)
https://speakerdeck.com/ryokatsuse/aria-notifynituite
- ライブリージョン
- 視覚的な変化をユーザに通知する
- aria-live
- aria-atomic
- aria-relevant
- aria-busy
- aria-live
- polite
- 今の操作が終わったら通知
- assertive
- 今の操作に割り込んで通知
- polite
- aria-liveのつらみ
- 空のhmtl要素を用意するなどしないといけない
- assertive使いすぎると何度も割り込んでしまう
- スクリーンリーダーによって挙動が違う
- aria Notify
- JSで好きなタイミングで通知できる
- DOMに依存しない
document.ariaNotify("xxx")- まだ一部のブラウザでしか使えない
- safariが音沙汰ない
- ariaで初の命令的なAPI
- ライブリージョンとの使い分け
- ライブリージョンは視覚的な領域があるもの
- ariaNotifyは視覚的な領域がないもの
- ライブリージョンはariaNotifyよりも優先される
フォーカスの可視化大事！
- フォーカスの可視化
- タブで操作していてフォーカスが見えないことが
- デザイナーとのやりとりでフォーカスリングの色どうするかという話が
- Chrome拡張を作った
- 画面内でフォーカスできるところを可視化できる
- botton/aやinputなど
- aria-roleも見て対象を検知
