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
270
アクセシビリティツリーを読む / Reading Accessibility Tree
sukoyakarizumu
0
890
アクセシビリティチームとデザイナーの関わり / 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
データエンジニアがこの先生きのこるには...?
10xinc
0
440
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
210
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
280
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
400
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
420
Why Governance Matters: The Key to Reducing Risk Without Slowing Down
sarahjwells
0
110
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
310
AI駆動開発を推進するためにサービス開発チームで 取り組んでいること
noayaoshiro
0
170
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
190
DataOpsNight#8_Terragruntを用いたスケーラブルなSnowflakeインフラ管理
roki18d
1
340
KMP の Swift export
kokihirokawa
0
330
Featured
See All Featured
Designing for Performance
lara
610
69k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Optimizing for Happiness
mojombo
379
70k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Cost Of JavaScript in 2023
addyosmani
53
9k
A designer walks into a library…
pauljervisheath
209
24k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
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ຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ
࣭ʁ