Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ユニバーサルなマークアップをしよう
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Yusuke Hirao
February 02, 2019
Technology
990
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ユニバーサルなマークアップをしよう
「Webアクセシビリティ道場 in 福岡」ライトニングトークスライド
Yusuke Hirao
February 02, 2019
More Decks by Yusuke Hirao
See All by Yusuke Hirao
ユニバーサルHTMLとWebのポテンシャル
yusukehirao
1
890
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
710
READMEにバッヂが欲しくてテストを書き始めました
yusukehirao
1
840
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.4k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
750
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
950
JSONの型のはなし
yusukehirao
0
660
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.8k
Other Decks in Technology
See All in Technology
作る力から、見極める力へ — AI時代に広がるエンジニアの価値と役割
rince
0
390
IaC コードを資産へ:AWS CDK 社内ライブラリと横断展開 / aws-summit-japan-2026
gotok365
10
1.7k
5分でわかるDuckDB Quack
chanyou0311
4
290
AWS Summit Japan 2026の振り返りと2027へ向けて / AWS Summit Japan 2026 Recap and Prospects for 2027
kaminashi
1
150
どうして今サーバーサイドKotlinを選択したのか
nealle
0
160
フロントエンドイチゲキ実装 ― Figmaデザインと画面設計書からAIに実装・テストを書かせるための”下ごしらえ” / 20260627 Yusuke Mazuka
shift_evolve
PRO
0
100
product engineering with qa
nealle
0
130
知見・人・API・DB・予算 ─ ナイナイ尽くしだった人事データ整備 with dbt、5年間の学び
ken6377
1
110
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
seafay
PRO
1
540
WebGIS AI Agentの紹介
_shimizu
0
600
4人目のSREはAgent
tanimuyk
0
320
認証認可だけじゃない! ID管理の構成要素と ライフサイクルを意識しよう
ritou
1
410
Featured
See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
250
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
260
Code Reviewing Like a Champion
maltzj
528
40k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4k
Practical Orchestrator
shlominoach
191
11k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.4k
How to Talk to Developers About Accessibility
jct
2
270
Raft: Consensus for Rubyists
vanstee
141
7.6k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
630
Transcript
Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏ 8FCΞΫηγϏϦςΟಓJOԬ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ
©2019 Yusuke Hirao Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏ 8FCΞΫηγϏϦςΟಓJOԬ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ
©2019 Yusuke Hirao ࣗݾհ ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ϑϩϯτΤϯυΤϯδχΞ #-0(IUUQTOPUFNVZVTVLFIJSBP Yusuke
Hirao @cloud10designs
©2019 Yusuke Hirao ීஈͷۀ
©2019 Yusuke Hirao झຯ
©2019 Yusuke Hirao झຯ ΤσΟλHVMQͰ͑Δ)5.-47(༻ͷϦϯλʔ
©2019 Yusuke Hirao ͱ͍͏͘Β͍ʹ)5.-͕͖
©2019 Yusuke Hirao I❤HTML
©2019 Yusuke Hirao Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏
©2019 Yusuke Hirao Ϣχόʔαϧʁ
©2019 Yusuke Hirao Ϣχόʔαϧීวత
©2019 Yusuke Hirao ϒϩάΛॻ͖·ͯ͠ʜ
©2019 Yusuke Hirao ϒϩάΛॻ͖·ͯ͠ʜ ػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟ https:!//note.mu/yusukehirao/n/n5213d9bdd1e1
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ஈམͳΒ<p> Օॻ͖ͳΒ<ul> <li>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ιʔείʔυͳΒ<code> ιʔείʔυ͔ͩΒ<code>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ͱͬͯීวతͳ͜ͱ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ༁͞Εͨ͘ͳ͍ͳΒ translateଐੑͰ͍͍ͷͰʁ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ <pre translate=“no”> <!— Source code —>
!</pre>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ͯ͜͞Ε ҙຯతʹຊ࣭͔ʁʁ ීวతͳϚʔΫΞοϓ͔ʁ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ιʔείʔυͳΒ<code> ιʔείʔυ͔ͩΒ<code>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ιʔείʔυͳΒ<code> ιʔείʔυ͔ͩΒ<code>
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ͋ͱtranslateଐੑͰ ༁ͷࣗ༝Λୣ͍͍ͬͯͷ͔ʜ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ԡ͚͠ΔͷͰͳ͘ ྟػԠม
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ )5.- ϢʔβΤʔδΣϯτ ࢧԉٕज़
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ )5.- ϢʔβΤʔδΣϯτ ࢧԉٕज़ ීว ྟػԠม
ΧελϜՄೳ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ Ϣʔβʔ͍Ζ͍Ζ σόΠε͍Ζ͍Ζ ڥ͍Ζ͍Ζ χʔζ͍Ζ͍Ζ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ීวతͳͷΛఏڙ͢Δ͜ͱͰ ྟػԠมͳར༻͕ՄೳʹͳΔ
©2019 Yusuke Hirao ϒϩάهࣄʮػց༁ͷͨΊͷ8FCΞΫηγϏϦςΟʯ ීวతͳͷΛఏڙ͢Δ͜ͱͰ ΑΓΞΫηγϒϧʹͳΔ
©2019 Yusuke Hirao Ϣχόʔαϧීวత
©2019 Yusuke Hirao Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏
Ϣχόʔαϧͳ ϚʔΫΞοϓΛ͠Α͏ 8FCΞΫηγϏϦςΟಓJOԬ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ