Jetpack ComposeのTalkback対応/Improve Talkback in Jetpack Compose

potatotips #79 iOS/Android開発Tips共有会
https://potatotips.connpass.com/event/261215/

Transcript

1. 
   QPUBUPUJQTJ04"OESPJE։ൃ5JQTڞ༗ձ
   ,B[VLJ8BUBOBCF
   +FUQBDL$PNQPTFͷ
   5BMLCBDLରԠ
   

   View Slide

2. 1SPGJMF
   w ͳ΂
   w 5XJUUFS!/BCF$PUU
   w (JU)VC/6NFSP"OE%FW
   w גࣜձࣾ͸ͯͳ
   w "OESPJEBQQMJDBUJPOFOHJOFFS
   w +FUQBDL$PNQPTF
   w .BUFSJBM%FTJHO
   

   View Slide

3. 5BMLCBDLͱ͸
   

   View Slide

4. 5BMLCBDLͱ͸
   w "OESPJEͷεΫϦʔϯϦʔμʔ
   w Ի੠ϑΟʔυόοΫͱδΣενϟʔ
   Ͱը໘ΛΈͳ͘ͱ΋ૢ࡞Ͱ͖Δ
   w +FUQBDL$PNQPTFͰ͸4FNBOUJDT
   ϑϨʔϜϫʔΫͰ5BMLCBDLରԠͷ࣮
   ૷Λ͢Δ
   w 4FNBOUJDT͸+FUQBDL$PNQPTF
   ͷ6*ςετͷจ຺Ͱ΋࢖ΘΕΔ
   

   View Slide

5. $POUFOU%FTDSJQUJPO
   

   View Slide

6. $POUFOU%FTDSJQUJPO
   w ը૾΍ͦͷ΄͔೚ҙͷಡΈ্͛ϥϕϧͷઃఆʹ࢖ΘΕΔ
   w +FUQBDL$PNQPTFͷ*NBHF΍*DPO͸ඞਢύϥϝʔλʹͳ͍ͬͯΔ
   w
   

   View Slide

7. $POUFOU%FTDSJQUJPO
   w ྫ͑͹͜ͷΑ͏ʹ$POUFOU%FTDSJQUJPOΛ࣮૷͍ͯ͠·ͤΜ͔
   w
   

   View Slide

8. $POUFOU%FTDSJQUJPO
   

   View Slide

9. $POUFOU%FTDSJQUJPO
   JDPOϘλϯ
   

   View Slide

10. $POUFOU%FTDSJQUJPO
    ໭Δ
    ໭ΔϘλϯ
    

    View Slide

11. $POUFOU%FTDSJQUJPO
    w ٯʹςΩετ෇͖ͷΞΠίϯϘλϯͷΑ͏ͳɺࢹ֮తิॿͷͨΊͷΞΠίϯʹ
    ͸$POUFOU%FTDSJQUJPOΛઃఆ͠ͳ͍ํ͕͍͍৔߹΋͋Δ
    w
    

    View Slide

12. $POUFOU%FTDSJQUJPO
    

    View Slide

13. $POUFOU%FTDSJQUJPO
    ໭Δ໭ΔϘλϯ
    

    View Slide

14. $POUFOU%FTDSJQUJPO
    ໭ΔϘλϯ
    OVMM
    

    View Slide

15. .FSHF%FTDFOEBOUT
    

    View Slide

16. .FSHF%FTDFOEBOUT
    w .PEJ
    fi
    FSTFNBOUJDT NFSHF%FTDFOEBOUTUSVFPSGBMTF
    
    w ωετ͞Ε͍ͯΔ$PNQPTBCMFΛάϧʔϓͱͯ͠ѻ͏
    w 5BMLCBDLͰ͸Ұͭʹ·ͱΊͯಡΈ্͛ΒΕΔ
    w .PEJ
    fi
    FSDMJDLBCMFΛઃఆ͍ͯ͠Δͱ಺෦ͰNFSHF%FTDFOEBOUTUSVF͕
    ద༻͞ΕΔ
    

    View Slide

17. .FSHF%FTDFOEBOUT
    w DMJDLBCMFͷ࣮૷ͰNFSHF%FTDFOEBOUT͕༗ޮʹͳ͍ͬͯΔͨΊɺΞΠίϯ
    ͱςΩετ͕ผʑͰ͸ͳͯ͘·ͱΊͯಡΈ্͛ΒΕΔ
    ໭ΔϘλϯ
    

    View Slide

18. 5PHHMFBCMF
    

    View Slide

19. 5PHHMFBCMF
    w .PEJ
    fi
    FSUPHHMFBCMF
    w 5PHHMF͢ΔϘλϯΛ࣋ͭϦετ
    ͳͲʹ࢖͏͜ͱ͕Ͱ͖Δ
    w .PEJ
    fi
    FSDMJDLBCMFͰঢ়ଶΛૢ࡞
    ͢ΔΑΓ΋5BMLCBDLͰฦ͞ΕΔ
    ৘ใ͕ଟ͘ͳΔ
    

    View Slide

20. 5PHHMFBCMF
    %ZOBNJDDPMPSͷద༻
    μϒϧλοϓͰ͖ΔϝχϡʔͰ͢
    

    View Slide

21. 5PHHMFBCMF
    

    View Slide

22. 5PHHMFBCMF
    0O%ZOBNJDDPMPSͷద༻4XJUDI
    ੾Γସ͑Δʹ͸μϒϧλοϓ͠·͢
    

    View Slide

23. $VTUPN"DUJPOT
    

    View Slide

24. $VTUPN"DUJPOT
    w 5BMLCBDLͷϝχϡʔ͔ΒϑΥʔ
    Χε͍ͯ͠Δ΋ͷʹରͯ͠
    $VTUPN"DUJPOͱ͍͏ܗͰԿΛ
    ͤ͞Δ͔Λબ୒ͤ͞Δ͜ͱ͕Ͱ
    ͖Δ
    

    View Slide

25. $VTUPN"DUJPOT
    

    View Slide

26. $VTUPN"DUJPOT
    w Ϧετʹ͚ͩϑΥʔΧεΛҠಈ
    ͤ͞ΔΑ͏ʹͯ͠ɺΦϓγϣϯͷ
    ػೳΛ$VTUPN"DUJPOͱͯ͠ఏ
    ڙ͢Δͷ͕Ϣʔεέʔε
    

    View Slide

27. $VTUPN"DUJPOT
    w Ϧετ಺ͷϘλϯʹϑΥʔΧε͕౰ͨΒͳ͍Α͏ʹ
    .PEJ
    fi
    FSDMFBS"OE4FU4FNBOUJDTΛࢦఆ͢Δ
    w 4FNBOUJDT্Ͱ͚ͩϑΥʔΧε͕౰ͨΒͳ͍Α͏ʹ͍ͨ͠ͷͰPO$MJDLͳͲͷ
    ૢ࡞ͷॲཧ͸ͦͷ··
    

    View Slide

28. $VTUPN"DUJPOT
    w ΞΠςϜͷϧʔτͷ.PEJ
    fi
    FSʹ
    $VTUPN"DUJPOͷϥϕϧ໊ͱɺ
    ߦ͏ॲཧΛ࣮૷͢Δ
    w ෳ਺ͷॲཧΛ࣮૷͢Δ͜ͱ͕Մ
    ೳ
    

    View Slide

29. $VTUPN"DUJPOT
    ΞΠςϜͷಡΈ্͛
    
    ૢ࡞Λ࢖༻Ͱ͖·͢
    

    View Slide

30. $VTUPN"DUJPOT
    

    View Slide

31. ·ͱΊ
    

    View Slide

32. ·ͱΊ
    w +FUQBDL$PNQPTFʹ΋5BMLCBDLରԠͷ࢓૊Έ͕ఏڙ͞Ε͍ͯΔ
    w ීஈͷ࣮૷Ͱগ͠ؾΛ͚ͭΔ͜ͱͰ5BMLCBDLΛհͯ͠ಘΒΕΔ৘ใΛ૿΍͢
    ͜ͱ͕Ͱ͖Δ
    w 5BMLCBDLͰखݩͷΞϓϦΛ࢖ͬͯΈΔ͜ͱ͔Β࢝ΊΑ͏
    

    View Slide

33. ࢀߟ
    w IUUQTEFWFMPQFSBOESPJEDPNKFUQBDLDPNQPTF
    BDDFTTJCJMJUZ
    w IUUQTHJUIVCDPN%SPJE,BJHJDPOGFSFODFBQQ
    w
    w IUUQTZPVUVCF-TB1P,Y.:
    

    View Slide

34. 5IBOLZPV
    

    View Slide