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
900
アクセシビリティチームとデザイナーの関わり / 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
AI時代の発信活動 ~技術者として認知してもらうための発信法~ / 20251028 Masaki Okuda
shift_evolve
PRO
1
110
20251027_findyさん_音声エージェントLT
almondo_event
2
480
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
880
20251029_Cursor Meetup Tokyo #02_MK_「あなたのAI、私のシェル」 - プロンプトインジェクションによるエージェントのハイジャック
mk0721
PRO
5
1.7k
[re:Inent2025事前勉強会(有志で開催)] re:Inventで見つけた人生をちょっと変えるコツ
sh_fk2
1
780
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
160
IoTLT@ストラタシスジャパン_20251021
norioikedo
0
140
ラスベガスの歩き方 2025年版(re:Invent 事前勉強会)
junjikoide
0
450
AI時代におけるデータの重要性 ~データマネジメントの第一歩~
ryoichi_ota
0
720
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
14
82k
OPENLOGI Company Profile for engineer
hr01
1
45k
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
470
Featured
See All Featured
Side Projects
sachag
455
43k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Documentation Writing (for coders)
carmenintech
75
5.1k
Agile that works and the tools we love
rasmusluckow
331
21k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
94
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
The Language of Interfaces
destraynor
162
25k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
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ຊདྷͷྗΛ׆͔͖͠Δ͜ͱ ·ͱΊ
࣭ʁ