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
Yusuke Hirao
February 02, 2019
Technology
1k
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
900
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
730
READMEにバッヂが欲しくてテストを書き始めました
yusukehirao
1
850
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.4k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
750
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
950
JSONの型のはなし
yusukehirao
0
660
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.9k
Other Decks in Technology
See All in Technology
2026-08-05 IBM Z開発最前線!IBM Bob Premium Package for Zって何がすごいの?
yutanonaka
0
120
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.2k
サイバー捜査員研修(前半)
nomizone
1
2k
ホームラボ紹介
y_sera15
0
180
攻撃と防御で学ぶAI時代のプロダクトセキュリティ演習
recruitengineers
PRO
9
2.9k
【AG-UI × A2UI × MCP Apps】Generative UIをやさしく解説する
nrinetcom
PRO
1
130
クラウドセキュリティ入門 ~安全なクラウド利用のための基礎知識~
lhazy
13
13k
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
9k
取引先から届く 「セキュリティチェックシート」の読み解き方
kamadamakoto
0
150
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
sugupoko
0
280
Model Studio CLI × Token Plan
maigo999
0
180
AIエージェントを前提としたプラットフォーム エンジニアリング:GKEで作るAgent-Ready Golden Path
legalontechnologies
PRO
2
240
Featured
See All Featured
Odyssey Design
rkendrick25
PRO
2
760
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
330
Done Done
chrislema
186
16k
Exploring anti-patterns in Rails
aemeredith
3
460
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
490
Un-Boring Meetings
codingconduct
0
390
Ruling the World: When Life Gets Gamed
codingconduct
0
300
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
280
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Technical Leadership for Architectural Decision Making
baasie
3
480
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ΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ