React Testing Libraryでの WAI-ARIAロールの活用事例

Transcript

1. 
   /PLPHJSJˏ3FBDU
   0TBLB
   3FCPPU
    3FBDU
   5FTUJOH
   -JCSBSZͰͷ
   8"*"3*"ϩʔϧͷ׆༻ࣄྫ
2. /PLPHJSJ
   !OLHSOLHS גࣜձࣾΧέϋγ
   ϑϩϯτΤϯυΤϯδχΞ
   "*Λ࢖ͬͨҩༀ඼ͷडൃ஫༧ଌΛߦ͏ʮ"*ࡏ ݿ؅ཧʯͱ͍͏ϓϩμΫτͷϑϩϯτΤϯυ ։ൃΛ͍ͯ͠·͢
   
3. എܠ w 3FBDU
   5FTUJOH
   -JCSBSZͰ͸ཁૉऔಘʹ8"*"3*"
   ϩʔϧΛར༻͢Δ͜ͱΛਪ ঑͍ͯ͠·͢ɻʢϩʔϧ͸ࢹ֮Ϛ΢ε
   Ϣʔβʔ͚ͩͰͳ͘ɺࢧԉٕज़Λ࢖༻ ͢ΔϢʔβʔͷΤΫεϖϦΤϯεΛ൓ө͢ΔͨΊʣ
   w 8"*"3*"
   ϩʔϧ͸ݸͷϩʔϧ͕͋Δ͕ɺ࣮ࡍʹΑ͘8FC։ൃͰ࢖ΘΕΔ 6*ʹͲͷΑ͏ͳϩʔϧ͕෇༩͞Ε͍ͯΔͷ͔Λ஌Γ͍ͨɻ
   w ·ͨ5FTUJOH-JCSBSZͰ͸࣮ࡍʹͦͷϩʔϧΛར༻ͯ͠ཁૉʹΞΫηεͭ͠ ͭɺͲͷΑ͏ʹςετΛ͔͚Δͷ͔Λ஌Γͨ͘ͳͬͨɻ
4. ௐࠪͨ͜͠ͱ w ҰൠʹΑ͘࢖ΘΕ͓ͯΓɺ͔ͭBZରԠ͕͞Ε͍ͯΔ6*ϥΠϒϥϦͰ͋Δ DIBLSBVJ
   ͷ
   ίϯϙʔωϯτ͕ͲͷΑ͏ͳϩʔϧ͕෇༩͍ͯ͞Δ͔ௐࠪ
   w ࣮ࡍʹ8FCΞϓϦΛ࡞Γɺ5FTUJOH
   -JCSBSZΛ࢖ͬͯࣗಈςετΛॻ͍ͯΈΔ
   w ཁૉऔಘ͔Βಈ࡞֬ೝ·Ͱߦ͏
   w ίϯϙʔωϯτΛൈਮ
   w DIBLSBͷίϯϙʔωϯτͷதͰΑ͘࢖ΘΕΔ΋ͷ
   w ϩʔϧʹಛ௃͕͋Δ΋ͷ
5. ͜ͷࢿྉͰઆ໌͢Δ͜ͱ w ʢ-5ͳͷͰʣҰ෦ൈਮͯ͠঺հ
   w $ZCP[V
   4VNNFS
   #MPH
   'FTͷͰશ݅ͷެ։༧ఆ
6. w IUUQTHJUIVCDPNOLHSOLHS UFTUJOHMJCSBSZBOEBZ ɹϨϙδτϦެ։ͯ͠·͢
7. ࣄྫ঺հ😃
8. 'PSN$POUSPM TSDDPNQPOFOUT'PSN$POUSPM%JTQMBZ w ςΩετΤϦΞ͸
   ϩʔϧ`UFYUCPY`ͰऔಘͰ͖Δɻ
   w MBCFMͱJOQVUΛඥ෇͚Δ͜ͱͰ
   l\
   OBNF
   b&NBJM`
   ^z
   ͰऔಘՄೳʹͳΔ
9. .FOV TSDDPNQPOFOUT.FOV%JTQMBZ w ϩʔϧbNFOV`
   bNFOVJUFN`
   ͰཁૉΛऔಘͰ͖Δ
10. 5BCMF TSDDPNQPOFOUT5BCMF w ϩʔϧ
    bUBCMF`
    bSPXHSPVQ`
    bDPMVNOIFBEFS`
    bSPX`
    bDFMM`
    ͳͲ༷ʑͳཁૉͰऔಘՄ ೳ
11. 4UBU TSDDPNQPOFOUT4UBU%JTQMBZ w ϩʔϧ
    bUFSN`
    bEF fi OJUJPO`
    ͰऔಘՄೳ
    
    
12. 5PBTU TSDDPNQPOFOUT5PBTU w $IBLSBVJͩͱSFHJPOͱ͍͏ྖҬ͕࠷ॳ͔Β͋ΓɺϘλϯԡԼͰςΩετͩ ͚͕௥Ճ͞ΕΔɻ΄͔ͷϥΠϒϥϦͩͱ࣮૷͸͜ͱͳΔ͔΋
13. ෇࿥"ɿ$ISPNFͰϩʔϧͷ֬ೝํ๏ w $ISPNFͷEFWUPPMͷ
    &YQFSJNFOUT
    
    &OBCMF
    GVMM
    BDDFTTJCJMJUZ
    ʜ
    w &MFNFOUTλϒʹΞΠίϯ͕ग़ΔΑ͏ʹͳΔ