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_191102
Search
Daisuke Kobayashi
November 02, 2019
Technology
2
1.4k
「すべて」の人に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
160
アクセシビリティツリーを読む / Reading Accessibility Tree
sukoyakarizumu
0
600
アクセシビリティチームとデザイナーの関わり / Relationship with accessibility team and designers
sukoyakarizumu
0
12k
サイボウズ開発運用研修_アクセシビリティ(2020年度) / Cybozu Dev Traininng Accessibility 2020
sukoyakarizumu
1
60k
アクセシビリティを高めてみんなに伝わる発表資料のつくりかた / Cybozu Presentation Accessibility
sukoyakarizumu
3
5.3k
Promoting Web Accessibility with Organizational Vision
sukoyakarizumu
0
640
20181128_Garoonチームのアクセシビリティ_デザイナー編 / 20181128 Accessibility Garoon
sukoyakarizumu
2
940
20181128_TCチームのアクセシビリティ/ 20181128 Accessibility TC
sukoyakarizumu
1
940
20181128_kintoneチームのアクセシビリティ_デザイナー編 / 20181128 Accessibility kintone
sukoyakarizumu
2
1k
Other Decks in Technology
See All in Technology
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
160
Cracking the KubeCon CfP
inductor
2
230
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
Postman v10リリース後を振り返る / Looking back at Postman v10 after release
yokawasa
1
160
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
830
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
450
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
220
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
260
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
340
反実仮想機械学習とは何か
usaito
PRO
11
3.8k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
A designer walks into a library…
pauljervisheath
200
23k
RailsConf 2023
tenderlove
4
540
10 Git Anti Patterns You Should be Aware of
lemiorhan
648
58k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
120
39k
What the flash - Photography Introduction
edds
64
11k
YesSQL, Process and Tooling at Scale
rocio
164
13k
Docker and Python
trallard
34
2.7k
Debugging Ruby Performance
tmm1
70
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
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ຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ
࣭ʁ