Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
アクセシビリティ推進を続けられるようにするヒント - Accessibility Confer...
Search
uto usui
September 22, 2025
Design
330
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
https://a11y-chiba.com/
uto usui
September 22, 2025
More Decks by uto usui
See All by uto usui
noteらしさを織り込むハーネスエンジニアリング
uto
0
1.1k
デザインシステムが導く 品質の「拡張」
uto
0
45
Other Decks in Design
See All in Design
タイル紹介サイト「タイルだもんで」
calpin
0
190
ISO 9241-171:2025っていうのがあってな
shosira
1
290
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
12
21k
Of Ordination and Rebellion exploration sketches
rezaline
0
220
Where Imagination Ends AI Begins
r5ni4
0
380
Frontier
rwang05
0
210
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
610
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
1k
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
110
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
100
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.4k
Featured
See All Featured
Skip the Path - Find Your Career Trail
mkilby
1
230
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
Crafting Experiences
bethany
1
330
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
320
Site-Speed That Sticks
csswizardry
13
1.5k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
700
Faster Mobile Websites
deanohume
310
32k
Tell your own story through comics
letsgokoyo
1
1.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
ラッコキーワード サービス紹介資料
rakko
1
4.9M
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
How STYLIGHT went responsive
nonsquared
100
6.3k
Transcript
アクセシビリティ推進を 続けられるようにする ヒント Accessibility Conference CHIBA 2025
始めるから、 広げるへ。
続ける!
Yuto Usui note株式会社 / UX Engineer デザインスタジオでキャリアをスタートし、Condé Nastにて WIREDやGQなどのウェブメディアのフロントエンド開発およ びクリエイティブディレクションに従事。2021年5月にnote
に入社。UXエンジニアとして、一貫したブランド体験の実現 と開発生産性向上を、組織横断的に支えている。デザインシ ステム構築やアクセシビリティ向上プロジェクトのオーナー として、プロダクト全体の品質向上のため活動中。 note :okiniirinoao X(Twitter) :uto_ao
noteのミッション だれもが創作をはじめ、 続けられるようにする。
noteが目指すのは インターネット上の「街」 noteが目指す「街」とは、個人・法人問わ ず、あらゆる人が集まる場所。 ここではあらゆる人が活発に創作活動や経 済活動を行い、人々の間に交流が生まれる ことで、文化や経済がますます発展してい きます。
noteのアクセシビリティ 振り返り
2019-2020年 プロローグ アクセシビリティに課 題意識 一部メンバーの業務内 で対応 組織的な動きはまだな し noteは使えない..
2021年 はじまり 伊原力也氏 a.k.a.magi がアドバイザーに 定例ランチ会 大量のエラーに全員で 取り組む 全盲のクリエイターに インタビュー
2022年 組織への広がり リサーチとカイゼンの サイクル エディタ刷新 カイゼンの発信 登壇
2023年 品質に浸透する 環境作りと仕組み化 意識しないアクセシビ リティ 仲間を増やす noteはつかえるように
2024年 ゴールを明確に WCAG AA準拠を目指し 維持する フロントエンドエンジ ニアで横軸に推進 あたりまえ品質 新サービスのアクセシ ビリティ考慮
始める、広げる、続ける。
スペシャリストを 頼る アクセシビリティ対応 でなく向上
スペシャリストを 頼る アクセシビリティ対応 でなく向上 機能が使えないという のはバグ
スペシャリストを 頼る アクセシビリティ対応 でなく向上 機能が使えないという のはバグ 詰む(使えない)とこ ろから
スペシャリストを 頼る アクセシビリティ対応 でなく向上 機能が使えないという のはバグ 詰む(使えない)とこ ろから やり方がわかるとかん たん
当事者の現実を知る インタビューで多様な 実態を知る
当事者の使えないを 知る インタビューで多様な 実態を知る 声なきユーザの存在
当事者の使えないを 知る インタビューで多様な 実態を知る 声なきユーザの存在 なぜやるかが明確に
ユーザーフィード バック体制 多様なユーザーの問い 合わせから
ユーザーフィード バック体制 多様なユーザーの問い 合わせから コミュニケーションで 信頼のループ
ユーザーフィード バック体制 多様なユーザーの問い 合わせから コミュニケーションで 信頼のループ 分析してカイゼンに生 かす文化
全員参加でエラーを 一掃 持ち回りの日替わり チーム制の活用
全員参加でエラーを 一掃 持ち回りの日替わり チーム制の活用 膨大なエラーに連帯感
全員参加でエラーを 一掃 持ち回りの日替わり チーム制の活用 膨大なエラーに連帯感 エンジニア全員や組織 からの理解
執筆・発信体制を整 える PRチームやディレク ターとの連携
執筆・発信体制を整 える PRチームやディレク ターとの連携 カイゼン記事との並行 開発
執筆・発信体制を整 える PRチームやディレク ターとの連携 カイゼン記事との並行 開発 アクセシブルな記事 の書き方
執筆・発信体制を整 える PRチームやディレク ターとの連携 カイゼン記事との並行 開発 アクセシブルな記事 の書き方 広い社内外の認知や信 頼に繋げる
全員参加でチェック 会 WCAG AAを目指して
全員参加でチェック 会 WCAG AAを目指して 週に1回1時間
全員参加でチェック 会 WCAG AAを目指して 週に1回1時間 横軸で学んで広げる
ナレッジ・デザイン システム 豊富なナレッジを貯め て知見を共有
ナレッジ・デザイン システム 豊富なナレッジを貯め て知見を共有 アクセシブルなデザイ ンシステム
ナレッジ・デザイン システム 豊富なナレッジを貯め て知見を共有 アクセシブルなデザイ ンシステム ツールが品質維持を保 証する
始める、広げる、続ける。
アクセシビリティを推進し続けるには 1 始める 外の力を借りて、現実を知 ろう 2 広げる 既存の仕組みの流れに乗 る、発信でサイクルを加速 3
続ける ツールで浸透、楽しく続け られる仕組みを
Thank you !