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
「すべて」の人にWebコンテンツの価値を届ける品質 / readable_na_cybozu_...
Search
Daisuke Kobayashi
November 02, 2019
Technology
2
1.6k
「すべて」の人にWebコンテンツの価値を届ける品質 / readable_na_cybozu_191102
2019年11月2日「リーダブルな昼下がり」で発表したスライドです:
https://readable-na.connpass.com/event/145881/
Daisuke Kobayashi
November 02, 2019
Tweet
Share
More Decks by Daisuke Kobayashi
See All by Daisuke Kobayashi
「職能の越境」でアクセシビリティが加速する / GAAD Japan 2022 Crossing the border
sukoyakarizumu
0
260
アクセシビリティツリーを読む / Reading Accessibility Tree
sukoyakarizumu
0
880
アクセシビリティチームとデザイナーの関わり / Relationship with accessibility team and designers
sukoyakarizumu
0
12k
サイボウズ開発運用研修_アクセシビリティ(2020年度) / Cybozu Dev Traininng Accessibility 2020
sukoyakarizumu
1
62k
アクセシビリティを高めてみんなに伝わる発表資料のつくりかた / Cybozu Presentation Accessibility
sukoyakarizumu
3
5.9k
Promoting Web Accessibility with Organizational Vision
sukoyakarizumu
0
740
20181128_Garoonチームのアクセシビリティ_デザイナー編 / 20181128 Accessibility Garoon
sukoyakarizumu
2
1.2k
20181128_TCチームのアクセシビリティ/ 20181128 Accessibility TC
sukoyakarizumu
1
1.1k
20181128_kintoneチームのアクセシビリティ_デザイナー編 / 20181128 Accessibility kintone
sukoyakarizumu
2
1.2k
Other Decks in Technology
See All in Technology
コスト削減の基本の「キ」~ コスト消費3大リソースへの対策 ~
smt7174
2
340
個人CLAUDE.md紹介と設定から学んだこと/introduce-my-claude-md
shibayu36
0
180
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
10
3.9k
まだ間に合う! StrandsとBedrock AgentCoreでAIエージェント構築に入門しよう
minorun365
PRO
11
790
研究開発と製品開発、両利きのロボティクス
youtalk
1
270
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
200
衝突して強くなる! BLUE GIANTと アジャイルチームの共通点とは ― いきいきと活気に満ちたグルーヴあるチームを作るコツ ― / BLUE GIANT and Agile Teams
naitosatoshi
0
300
スプリントレトロスペクティブはチーム観察の宝庫? 〜チームの衝突レベルに合わせたアプローチ仮説!〜
electricsatie
1
150
ガチな登山用デバイスからこんにちは
halka
1
210
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
750
Automating Web Accessibility Testing with AI Agents
maminami373
0
800
Webアクセシビリティ入門
recruitengineers
PRO
3
1.5k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
RailsConf 2023
tenderlove
30
1.2k
A better future with KSS
kneath
239
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
185
54k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
It's Worth the Effort
3n
187
28k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Transcript
None
ʮͯ͢ʯͷਓʹ 8FCίϯςϯπͷՁΛಧ͚Δ࣭ খྛେี αΠϘζגࣜձࣾ ΞΫηγϏϦςΟΤΩεύʔτ
αΠϘζגࣜձࣾ ৽ଔೖࣾˠϓϩάϥϚʔ ΞΫηγϏϦςΟΤΩεύʔτ݉ ΞΫηγϏϦςΟΤΩεύʔτઐ ΣϒΞΫηγϏϦςΟج൫ҕһձ 8(ҕһ झຯɿଠޑͷୡਓɺΧϑΣɺϥʔϝϯɺόΠΫ
খྛେีʢ!TVLPZBLBSJ[VNVʣ
αΠϘζάϧʔϓΣΞͷ։ൃ ϝοηʔδ ϑΝΠϧཧ εέδϡʔϧ ϫʔΫϑϩʔ ձٞࣨ༧
ձࣾհ
None
αΠϘζͷཧ νʔϜϫʔΫ͋;ΕΔࣾձΛΔ
ΞΫηγϏϦςΟͱͳΜͩΖ͏ʁ
ΞΫηγϏϦςΟ োऀͷͨΊͷಛผରԠʁ
ো %JTBCJMJUZ ͱͳʹ͔ʁ
ंҜࢠϢʔβ͕ҿ৯ళʹೖΔͱ͖
͕ݟ͑ͳ͍ਓ͕௨ۈ͢Δͱ͖
• ͕ࣗࣗྗͯ͠ղܾ͢Δ • पΓͷڥΛվળͨ͠ΓɺपΓͷਓͷৼΔ͍Ͱղܾ͢Δ ͷղܾํ๏ͱো %JTBCJMJUZ
%JTBCJMJUZͱɺਓؒʹͱͬͯ௨ৗͷൣғͰߦಈ͢ΔͨΊͷ ೳྗ͕ɺ৺ͷܽଛͷ݁Ռͱͯ͠ɺ੍ݶɾෆ͍ͯ͠Δ͜ͱ 8)0ͷ %JTBCJMJUZͷఆٛ %JTBCJMJUZJTBOZSFTUSJDUJPOPSMBDLPGBCJMJUZ SFTVMUJOHGSPNBO JNQBJSNFOU UPQFSGPSNBOBDUJWJUZJOUIFNBOOFSPSXJUIJOUIFSBOHF DPOTJEFSFEOPSNBMGPSBIVNBOCFJOH
ʢখྛ༁ʣ
%JTBCJMJUZͱ݈߁͚ͩͰͳ͍ɻ͜ΕෳࡶͳݱͰ͋Γ ਓؒͷମͷಛͱࣾձͱͷ૬ޓ࡞༻Λөͨ͠ͷͰ͋Δ 8)0ͷ %JTBCJMJUZͷఆٛ ݱࡏ %JTBCJMJUZJTOPUKVTUBIFBMUIQSPCMFN*UJTBDPNQMFYQIFOPNFOPO SFGMFDUJOHUIFJOUFSBDUJPOCFUXFFOGFBUVSFTPGBQFSTPO`TCPEZBOE GFBUVSFTPGUIFTPDJFUZJOXIJDIIFPSTIFMJWFT ʢখྛ༁ʣ
https://www.microsoft.com/design/inclusive/
%JTBCJMJUZࣗʹؔͳ͍ͷ͔ʁ োऀ ࣗ
ʮಇ͖ํͷଟ༷Խʯͷઌʹى͍ͬͯ͜Δ͜ͱ ਓ௨Γͷಇ͖ํ
• ࡏۈ0, • ࣌ࠩग़ۈ0, • ࣌ۈ0,ʢҭࣇɾհޢͳͲʣ • ෭ۀɾෳۀ0, ಇ࣌ؒ͘ͱॴΛࣗ༝ʹ
• ͨ͘͞Μͷࠃڌւ֎ڌ • ίϫʔΩϯάεϖʔε • ςϨϏձٞΛͬͯෳਓͰσβΠϯɾϓϩάϥϛϯά ଟڌԽɾάϩʔόϧԽ
• ίϛϡχέʔγϣϯΛଅ͢นͷͳ͍ΦϑΟε • ެ໌ਖ਼େͳٞΛଅ͢֎͔Βݟ͑Δձٞࣨ • ϗϫΠτϘʔυʹΑΔίϛϡχέʔγϣϯ ΦʔϓϯΦϑΟε
ʮଟ༷ͳಇ͖ํʯ͕ͨΒ͢%JTBCJMJUZ
ςϨϏձٞʹΑΔ%JTBCJMJUZ • ૬खͷԻ͕ฉ͑͜ͳ͍ɾԻ͕৴Ͱ͖ͳ͍ • ૬खͷө૾͕ݟ͑ͳ͍ɾө૾͕৴Ͱ͖ͳ͍ • ཧతͳܝ͕ࣔ֬ೝͰ͖ͳ͍ • ͪΐͬͱͨ͠Ͱ͔͚ͮ͠Β͍ •
ෳਓͰࡶஊͰ͖ͳ͍
ΦʔϓϯΦϑΟεʹΑΔ%JTBCJMJUZ • ۀதͷձిͷԻʹूத͕͛ΒΕΔ • ࢹքʹਓ͕ೖͬͯؾ͕ࢄΔ • ϗϫΠτϘʔυ͕अຐͰҠಈͮ͠Β͍
ҭࣇɾհޢʹΑΔ%JTBCJMJUZ • อҭԂ͔ΒͷిͰ࡞ۀ͕தஅ͞ΕΔ • ѱఱީͷͷࢠڙͷؼΓ͕৺ • ࣌ؒͰࡉΕʹ͔͠࡞ۀͰ͖ͳ͍ • ਭෆർ࿑Ͱ࡞ۀʹूதͰ͖ͳ͍
άϩʔόϧԽʹΑΔ%JTBCJMJUZ • ͕࣌ࠩ͋ΓϦΞϧλΠϜʹΓͱΓͰ͖ͳ͍ • ձٞͰൃݴͰ͖ͳ͍ • ϓϨθϯͷ༰͕ཧղͰ͖ͳ͍ • पғͷਓ͕স͍ͬͯΔδϣʔΫ͕ཧղͰ͖ͳ͍ •
จষΛಡΉͷʹ͕͔͔࣌ؒΔ
ಈ͘ ͢ ฉ͘ ूத͢Δ ಡΉ ݟΔ ϩʔϏδϣϯ ௌ ݴޠো ࢶମෆࣗ༝
શ Ζ͏ "%)% ࠎંɾոզ ͏ͭ σΟεϨΫγΞ
ಈ͘ ͢ ฉ͘ ूத͢Δ ಡΉ ݟΔ ϩʔϏδϣϯ ௌ ݴޠো ࢶମෆࣗ༝
શ Ζ͏ "%)% നো Խ ࠎંɾոզ ࡶԻ ෩अ ւ֎ग़ு ࡏϫʔΫ ͏ͭ ޫԼ σΟεϨΫγΞ ٸͳ༧ఆ ҭࣇத ຬһిं ӡసத ӳจ ૽Ի ੩Իڥ
https://www.amazon.co.jp/dp/B07PFNRPQF/
ඪ४తͳϢʔβʔͳͲ͍ͳ͍ͳΒɺۃͳϢʔβʔ͍ͳ͍ɻ ۂઢͷʹҐஔ͢ΔਓؒͳͲ͍ͳ͍ɻඇඪ४తͳγφϦΦͳ͍ɻ Τοδέʔεͳ͍ɻ ͦΕΑΓɺਓؒͷଟ༷ੑΛද͠ɺฏۉਓͷͨΊʹσβΠϯ͢Δ ڽΓݻ·ͬͨश׳ʹҟΛএ͑Δ৽͍͠πʔϧ͕ඞཁͳͷͩɻ
ϖϧιφɾεϖΫτϥϜ ݟΔ ߃ৗత നো ճઢ ࡏϫʔΫ ฉ͘ ௌ தࣖԌ ෩अ
ւ֎ग़ு ిंͰҠಈத શ Ұ࣌త ঢ়گత
4PMWFGPSPOF FYUFOEUPNBOZ
ܦݧͨ͠%JTBCJMJUZͷେ͖͞ɾਂࠁ͕ͦ͜͞ʮͷΓ͠Ζʯ
• ΦϑΟεσβΠϯͷଟ༷Խ • 73"3ٕज़ͷൃల • ෳۀͷҰൠԽ • ϫʔΫγΣΞϦϯά • ߴྸԽࣾձ
• μΠόʔγςΟܦӦ • ϩϘοτɾ"*ɾࣗಈӡస • ςΟʔϧ৫ɾϗϥΫϥγʔ কདྷɺࢲͨͪͲͷΑ͏ʹಇ͍͍ͯΔͷͩΖ͏ʁ
Θͨͨͪ͠ͷະདྷͷ՝ ࠷େ͖ͳϛεϚονΛܦݧ͍ͯ͠Δਓ͕͍ͬͯΔ
*5ͷ ଟ༷ੑ ମతͳ ଟ༷ੑ ಇ͖ํͷ ଟ༷ੑ ͯ͢ͷଟ༷ੑͭͳ͕͍ͬͯΔ
None
"DDFTTJCJMJUZ"DDFTT "CJMJUZ
ϢʔβɺΘͨͨͪ͠ͷʹΞΫηε͢Δ͜ͱͰ ԿʹΞΫηε͠Α͏ͱ͍ͯ͠Δͷ͔ʁ
ユーザ サイボウズ製品 チーム
αΠϘζʹͱͬͯɺΞΫηγϏϦςΟͱ ʮϢʔβ͕νʔϜʹΞΫηεͰ͖Δೳྗʯ
ΞΫηγϏϦςΟΛ֬อ͢Δ͜ͱ ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏ ϢʔβͷͶ͕͍Λଚॏ͢Δ͜ͱ
ʮνʔϜʹࢀՃ͍ͨ͠ʯͱ͍͏Ͷ͕͍͚͕ͩ ࢲͨͪͷϢʔβ͔Ͳ͏͔ͷஅج४
None
Ͳ͏͢Ε%JTBCJMJUZ͔Βղ์Ͱ͖Δʁ
• ๏ɾ੍ͷน • ෩ɾจԽͷน • ཧతڥͷน • *$5ɾ8FCͷน ࢲཱ͕͔ͨͪͪΘͳ͚ΕͳΒͳ͍͜ͱ
ΞΫηγϏϦςΟ োऀͷͨΊͷಛผରԠʁ
8FCͲΜͳʮ͔ͨͪʯʁ
None
None
None
None
None
• ϏδϡΞϧϒϥβ • εϚʔτϑΥϯ • ݕࡧΤϯδϯͷݕࡧ݁Ռ • εΫϨΠϐϯάαʔϏε • ςΩετϒϥβ
• ࣈσΟεϓϨΠ • εΫϦʔϯϦʔμʔ • 7PJDF6* • εϚʔτΥον • ະདྷͷσόΠε 8FCίϯςϯπͷʮ͔ͨͪʯ͞·͟·
8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ ੍࡞ऀ Ϣʔβ ϋʔυΣΞ ʢ1$ɾεϚϗʜ ιϑτΣΞ ϒϥβʜʣ ೖग़ྗ ػث
8FCίϯςϯπ͕ϢʔβʹʮΞΫηεʯ͞ΕΔ·Ͱ ੍࡞ऀ Ϣʔβ ϋʔυΣΞ ʢ1$ɾεϚϗʜ ιϑτΣΞ ϒϥβʜʣ ೖग़ྗ ػث ײ֮ใ
ʢࢹ֮ɾௌ֮ɾ৮֮ʜʣ 8FCٕज़ )5.-ɾ$44ɾ+4ʜ
ΞΫηγϏϦςΟͷ̎ͭͷཁૉ Ϛγϯ ϦʔμϏϦςΟ ώϡʔϚϯ ϦʔμϏϦςΟ ੍࡞ऀ Ϣʔβ
• ʮػցʯʹͱͬͯղऍ͍͔͢͠ • ʮػցʯ͕ਖ਼͘͠ղऍ͢Εɺ෯͍දݱʹมͰ͖Δ ϚγϯϦʔμϏϦςΟ
• ਖ਼֬ͳϖʔδλΠτϧΛॻ͘ • ਖ਼֬ͳϦϯΫςΩετΛॻ͘ • ը૾ʹସςΩετΛॻ͘ ਖ਼֬ͳςΩετΛॻ͘
• ϥϯυϚʔΫʹIFBEFSGPPUFSNBJOʜ͏ • ݟग़͠ʹIIʜΛ͏ • ϦϯΫʹBΛ͏ • ϘλϯʹCVUUPOΛ͏ • ϦετʹVMPMMJʜΛ͏
ςΩετʹਖ਼͍͠ҙຯΛ༩͑Δ
• ʮਓʯʹͱͬͯɺݟ͘͢ɾૢ࡞͘͢͠ɾΘ͔Γ͍͔͢ ώϡʔϚϯϦʔμϏϦςΟ
ը໘ͷେ͖͖͞ʹΑΒͣɺΘ͔Γ͘͢දࣔ͢Δ
֦େॖখͯ͠Θ͔Γ͘͢දࣔ͢Δ
৭͚ͩʹཔΒͣදݱ͢Δ
" " " " " " "
" " " ͖ͬΓ͖ͬ͘Γͨ͠৭Λ͏
ೖྗ͖͢༰ΤϥʔΛΘ͔Γ͘͢͢Δ TVLPZBLBSJ[VNʜ ϝʔϧΞυϨε ******** ύεϫʔυ TVLPZBLBSJ[VNV!HNBJMDPN ϝʔϧΞυϨε ******** ύεϫʔυ Τϥʔ
ύεϫʔυจࣈҎ্Ͱ͢ ඞਢ
• ը໘ͷେ͖͖͞ʹΑΒͣɺΘ͔Γ͘͢දࣔ͢Δ • ֦େॖখͯ͠ɺΘ͔Γ͘͢දࣔ͢Δ • ৭͚ͩʹཔΒͣදݱ͢Δ • ͖ͬΓ͖ͬ͘Γͱͨ͠৭Λ͏ • ೖྗ͖͢༰ΤϥʔΛΘ͔Γ͘͢͢Δ
• ूதΛ͛ΔදݱΛճආͰ͖ΔΑ͏ʹ͢Δ ώϡʔϚϯϦʔμϏϦςΟͷ۩ମྫ
None
None
ΞΫηγϏϦςΟ োऀͷͨΊͷಛผରԠʁ
ΞΫηγϏϦςΟ 8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ
8FCͷྗͦͷීวੑʹ͋Δɻ %JTBCJMJUZʹ͔͔ΘΒͣɺͯ͢ͷਓ͕ΞΫηεͰ͖Δ͜ͱ͕ 8FCͷຊ࣭ͳͷͩɻ 8FCઃऀͷݴ༿ 5IFQPXFSPGUIF8FCJTJOJUTVOJWFSTBMJUZ"DDFTTCZFWFSZPOF SFHBSEMFTTPGEJTBCJMJUZJTBOFTTFOUJBMBTQFDU 5JN#FSOFST-FF 8$%JSFDUPSBOEJOWFOUPSPGUIF8PSME8JEF8FC ʢখྛ༁ʣ
• োʢ%JTBCJMJUZʣͱɺݸਓͱࣾձͷϛεϚονͷ͜ͱ • ղܾͷ伴ɺ࠷େ͖ͳϛεϚονΛܦݧͨ͠ਓ͕Ѳ͍ͬͯΔ • ΞΫηγϏϦςΟɺ8FCຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ
࣭ʁ