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.5k
「すべて」の人に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
200
アクセシビリティツリーを読む / Reading Accessibility Tree
sukoyakarizumu
0
680
アクセシビリティチームとデザイナーの関わり / Relationship with accessibility team and designers
sukoyakarizumu
0
12k
サイボウズ開発運用研修_アクセシビリティ(2020年度) / Cybozu Dev Traininng Accessibility 2020
sukoyakarizumu
1
61k
アクセシビリティを高めてみんなに伝わる発表資料のつくりかた / Cybozu Presentation Accessibility
sukoyakarizumu
3
5.5k
Promoting Web Accessibility with Organizational Vision
sukoyakarizumu
0
670
20181128_Garoonチームのアクセシビリティ_デザイナー編 / 20181128 Accessibility Garoon
sukoyakarizumu
2
1k
20181128_TCチームのアクセシビリティ/ 20181128 Accessibility TC
sukoyakarizumu
1
1k
20181128_kintoneチームのアクセシビリティ_デザイナー編 / 20181128 Accessibility kintone
sukoyakarizumu
2
1.1k
Other Decks in Technology
See All in Technology
OCI コスト管理
ocise
1
150
20分で分かるIAM全機能 (拡大版) / 20240903-jawsug-yokohama-iam
opelab
3
130
Dify - LINE Bot連携 考え方と実用テクニック
uezo
5
1.1k
RAGHack: Kickoff and RAG 101
pamelafox
0
250
Our Journey from in-House CD System to Open Source
ffjlabo
0
110
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
2
180
エンジニア向け会社紹介資料
caddi_eng
15
250k
EitherT_with_Future
aoiroaoino
1
880
目標設定と習慣化で今よりも一歩生産性を上げる
sansantech
PRO
7
2.4k
AI でアップデートする既存テクノロジーと、クラウドエンジニアの生きる道
soracom
PRO
1
300
標準最高!標準はださくないぞ! at fukuoka.ts #1
yoiwamoto
0
150
Staff Engineer / 20240827 Yuichiro Masui
shift_evolve
0
160
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.2k
How to Think Like a Performance Engineer
csswizardry
15
920
Building Flexible Design Systems
yeseniaperezcruz
324
37k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Building Adaptive Systems
keathley
36
2.1k
Rails Girls Zürich Keynote
gr2m
93
13k
Code Reviewing Like a Champion
maltzj
518
39k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
Become a Pro
speakerdeck
PRO
22
4.9k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
47k
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ຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ
࣭ʁ