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
React Testing Libraryでの WAI-ARIAロールの活用事例
Search
Nokogiri
August 15, 2024
Technology
1
90
React Testing Libraryでの WAI-ARIAロールの活用事例
Nokogiri
August 15, 2024
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.5k
Pipe Operator (|>) の紹介
undefined_name
2
180
FizzBuzzで学ぶOCP
undefined_name
0
63
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
2.5k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.3k
モププロ@kintone開発チーム
undefined_name
1
500
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.1k
Usefull GitLens
undefined_name
3
720
kintone開発チームにジョインして6カ月の所感
undefined_name
1
280
Other Decks in Technology
See All in Technology
「自動テストのプラクティスを効果的に学ぶためのカードゲーム」 ( #sqip2024 )
teyamagu
PRO
2
180
OSTという文化を組織に根付かせてみた
sansantech
PRO
2
290
チームビルディングは"感性"で向き合おう / Team Building with Awareness
kohzas
0
210
DuckDB雑紹介(1.1対応版)@DuckDB座談会
ktz
6
1.4k
LLVM/ASMを使った有限体の高速実装
herumi
0
120
四国クラウドお遍路 2024 in 高知 オープニング
yukataoka
0
200
Functional TypeScript
naoya
11
4.8k
サプライチェーン攻撃に備える
ryunen344
0
270
Mocking in Rust Applications
taiki45
1
410
Next.js のページ遷移を全力で止める
ypresto
3
1.6k
エンジニア視点で見る、 組織で運用されるデザインシステムにするには
shunya078
1
300
言葉は感情の近似値である。その感情と言葉の誤差を最小化しよう ~コミュニケーションにおけるアナログ/デジタル変換の課題に立ち向かう~
nktamago
0
190
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
308
42k
Embracing the Ebb and Flow
colly
83
4.4k
Building an army of robots
kneath
302
42k
Fireside Chat
paigeccino
31
2.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Optimizing for Happiness
mojombo
375
69k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
36
6.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Invisible Side of Design
smashingmag
295
50k
How STYLIGHT went responsive
nonsquared
93
5.1k
Transcript
/PLPHJSJˏ3FBDU0TBLB3FCPPU 3FBDU5FTUJOH-JCSBSZͰͷ 8"*"3*"ϩʔϧͷ׆༻ࣄྫ
/PLPHJSJ !OLHSOLHS גࣜձࣾΧέϋγ ϑϩϯτΤϯυΤϯδχΞ "*Λͬͨҩༀͷडൃ༧ଌΛߦ͏ʮ"*ࡏ ݿཧʯͱ͍͏ϓϩμΫτͷϑϩϯτΤϯυ ։ൃΛ͍ͯ͠·͢
എܠ w 3FBDU5FTUJOH-JCSBSZͰཁૉऔಘʹ8"*"3*"ϩʔϧΛར༻͢Δ͜ͱΛਪ ͍ͯ͠·͢ɻʢϩʔϧࢹ֮ϚεϢʔβʔ͚ͩͰͳ͘ɺࢧԉٕज़Λ༻ ͢ΔϢʔβʔͷΤΫεϖϦΤϯεΛө͢ΔͨΊʣ w 8"*"3*"ϩʔϧݸͷϩʔϧ͕͋Δ͕ɺ࣮ࡍʹΑ͘8FC։ൃͰΘΕΔ 6*ʹͲͷΑ͏ͳϩʔϧ͕༩͞Ε͍ͯΔͷ͔ΛΓ͍ͨɻ w ·ͨ5FTUJOH-JCSBSZͰ࣮ࡍʹͦͷϩʔϧΛར༻ͯ͠ཁૉʹΞΫηεͭ͠
ͭɺͲͷΑ͏ʹςετΛ͔͚Δͷ͔ΛΓͨ͘ͳͬͨɻ
ௐࠪͨ͜͠ͱ w ҰൠʹΑ͘ΘΕ͓ͯΓɺ͔ͭBZରԠ͕͞Ε͍ͯΔ6*ϥΠϒϥϦͰ͋Δ DIBLSBVJͷίϯϙʔωϯτ͕ͲͷΑ͏ͳϩʔϧ͕༩͍ͯ͞Δ͔ௐࠪ w ࣮ࡍʹ8FCΞϓϦΛ࡞Γɺ5FTUJOH-JCSBSZΛͬͯࣗಈςετΛॻ͍ͯΈΔ w ཁૉऔಘ͔Βಈ࡞֬ೝ·Ͱߦ͏ w ίϯϙʔωϯτΛൈਮ
w DIBLSBͷίϯϙʔωϯτͷதͰΑ͘ΘΕΔͷ w ϩʔϧʹಛ͕͋Δͷ
͜ͷࢿྉͰઆ໌͢Δ͜ͱ w ʢ-5ͳͷͰʣҰ෦ൈਮͯ͠հ w $ZCP[V4VNNFS#MPH'FTͷͰશ݅ͷެ։༧ఆ
w IUUQTHJUIVCDPNOLHSOLHS UFTUJOHMJCSBSZBOEBZ ɹϨϙδτϦެ։ͯ͠·͢
ࣄྫհ😃
'PSN$POUSPM TSDDPNQPOFOUT'PSN$POUSPM%JTQMBZ w ςΩετΤϦΞϩʔϧ`UFYUCPY`ͰऔಘͰ͖Δɻ w MBCFMͱJOQVUΛඥ͚Δ͜ͱͰl\OBNFb&NBJM`^zͰऔಘՄೳʹͳΔ
.FOV TSDDPNQPOFOUT.FOV%JTQMBZ w ϩʔϧbNFOV` bNFOVJUFN`ͰཁૉΛऔಘͰ͖Δ
5BCMF TSDDPNQPOFOUT5BCMF w ϩʔϧbUBCMF` bSPXHSPVQ` bDPMVNOIFBEFS` bSPX` bDFMM`ͳͲ༷ʑͳཁૉͰऔಘՄ ೳ
4UBU TSDDPNQPOFOUT4UBU%JTQMBZ w ϩʔϧbUFSN` bEF fi OJUJPO`ͰऔಘՄೳ
5PBTU TSDDPNQPOFOUT5PBTU w $IBLSBVJͩͱSFHJPOͱ͍͏ྖҬ͕࠷ॳ͔Β͋ΓɺϘλϯԡԼͰςΩετͩ ͚͕Ճ͞ΕΔɻ΄͔ͷϥΠϒϥϦͩͱ࣮͜ͱͳΔ͔
"ɿ$ISPNFͰϩʔϧͷ֬ೝํ๏ w $ISPNFͷEFWUPPMͷ&YQFSJNFOUT&OBCMFGVMMBDDFTTJCJMJUZʜ w &MFNFOUTλϒʹΞΠίϯ͕ग़ΔΑ͏ʹͳΔ