Flutter Accessibility

Flutter × Kotlin Multiplatform by CyberAgent #4
2021/08/06

Transcript

1. 'MVUUFS"DDFTTJCJMJUZ
   'MVUUFSº,PUMJO.VMUJQMBUGPSNCZ$ZCFS"HFOU
   
   

   View Slide

2. 4FOHPLV"LJIJTB
   ઋੴߊٱ
   OPX
   

   View Slide

3. w "DDFTTJCJMJUZʹ͍ͭͯ
   w -BSHF'POUT
   w 4V⒏DJFOU$POUSBTU
   w 4DSFFO3FBEFS
   w ·ͱΊ
   "HFOU
   

   View Slide

4. "DDFTTJCJMJUZ
   ΞΫηγϏϦςΟͱ͸c΢ΣϒΞΫηγϏϦςΟج൫ҕһձʢ8"*$ʣIUUQTXBJDKQLOPXMFEHFBDDFTTJCJMJUZ
   

   View Slide

5. "DDFTTJCJMJUZ
   #VJMEJOHJO"DDFTTJCJMJUZXJUI'MVUUFS 'MVUUFS*OUFSBDU
   c:PV5VCF
   IUUQTXXXZPVUVCFDPNXBUDI WC8C#HCN"E2T
   

   View Slide

6. $ZCFS"HFOU
   ΞΫηγϏϦςΟ΁ͷऔΓ૊ΈcגࣜձࣾαΠόʔΤʔδΣϯτ
   IUUQTXXXDZCFSBHFOUDPKQXBZDTSBDDFTTJCJMJUZ
   

   View Slide

7. w J04
   w )VNBO*OUFSGBDF(VJEFMJOFT
   w ิ଍ʢ88%$ʣ
   w "OESPJE
   w "OESPJE%FWFMPQFST%PDVNFOUT
   w .BUFSJBM%FTJHO"DDFTTJCJMJUZ
   w ิ଍ʢ(PPHMF*0ʣ
   (VJEFMJOFT
   .PCJMF
   

   View Slide

8. w J04
   w λοϓྖҬQY✕QY
   w εΫϦʔϯϦʔμʔ7PJDF0WFS
   w )BQUJDTͷར༻ʹ͍ͭͯɺԻ੠ೖྗɺ4JSJγϣʔτΧοτ
   w "OESPJE
   w λοϓྖҬQY✕QY
   w εΫϦʔϯϦʔμʔ5BML#BDL
   w εΠονΞΫηε͕ར༻Ͱ͖Δ͔
   w ϓϥοτϑΥʔϜ͝ͱʹᮢ஋ͷࠩɾπʔϧɾ֬ೝ͢Δ߲໨ʹ͕ࠩগ͋͠Δ
   FY6TFS*OUFSBDUJPO
   .PCJMF
   

   View Slide

9. w -BSHF'POUT
   w 'MVUUFS͸Ϣʔβ͕ࢦఆͨ͠ϑΥϯταΠζͰඳը
   w ϑΥϯτΛେ͖ͨ͘͠ͱ͖ʹɺσβΠϯΛ୲อ͢Δඞཁ
   w 4V⒏DJFOU$POUSBTU
   w খ͍͞จࣈαΠζʢඪ४ϙΠϯτɺଠࣈϙΠϯτະຬʣͰ͸Ҏ্
   w େ͖͍จࣈαΠζʢඪ४ϙΠϯτɺଠࣈϙΠϯτҎ্ʣͰ͸Ҏ্
   w 4DSFFO3FBEFST
   w εΫϦʔϯϦʔμʔΛ࢖ͬͯίϯςϯπΛಡΈ্͛Δ͜ͱ͕Ͱ͖Δ
   qVUUFSEFW"DDFTTJCJMJUZ
   'MVUUFS
   "DDFTTJCJMJUZ'MVUUFSIUUQTqVUUFSEFWEPDTEFWFMPQNFOUBDDFTTJCJMJUZBOEMPDBMJ[BUJPOBDDFTTJCJMJUZ
   

   View Slide

10. w "DUJWFJOUFSBDUJPOT
    w 4DSFFOSFBEFSUFTUJOH
    w $POUSBTUSBUJPT
    w $POUFYUTXJUDIJOH
    w 5BQQBCMFUBSHFUT QY✕QY
    
    w &SSPST
    w $PMPSWJTJPOEFpDJFODZUFTUJOH
    w 4DBMFGBDUPST
    "DDFTTJCJMJUZSFMFBTFDIFDLMJTU
    'MVUUFS
    

    View Slide

11. w "DDFTTJCJMJUZʹ͍ͭͯ
    w -BSHF'POUT
    w 4V⒏DJFOU$POUSBTU
    w 4DSFFO3FBEFS
    w ·ͱΊ
    "HFOU
    

    View Slide

12. ϑΥϯταΠζ͸04ͷઃఆʹج͍ͮͯࣗಈͰܭࢉ
    -BSHF'POUT
    

    View Slide

13. ϑΥϯταΠζΛมԽͤͯ͞΋໰୊ͳ͠
    (PPE
    

    View Slide

14. ߴ͞ͷ੍໿Λ௥Ճ
    $IBOHF
    0SJHJOBM $IBOHFE
    

    View Slide

15. ςΩετ͕ݟ੾ΕΔ
    #BE
    

    View Slide

16. w )FJHIU΍8JEUIΛࢦఆͯ͠ɺ8JEHFUΛ૊ΜͰ͍ΔՕॴʹ͸஫ҙ
    w Ϣʔβ͕ϑΥϯτΛେ͖ͨ࣌͘͠ʹɺσβΠϯ่͕Εͳ͍Α͏ͳ
    8JEHFUͷ૊ΈํΛҙࣝ͢Δ
    w σβΠφʔͱͷίϛϡχέʔγϣϯ΋ॏཁ
    w σβΠφʔ͕-BSHF'POUʹ͍ͭͯཧղ͍ͯ͠Δ͜ͱ
    w σβΠϯͷมߋͰରԠͰ͖Δ͜ͱ΋
    ࣮૷࣌
    

    View Slide

17. EPVCMF UFYU4DBMF'BDUPS
    5FYUUFYU4DBMF'BDUPSQSPQFSUZ
    w UFYU4DBMF'BDUPSͰςΩετͷഒ཰Λݻఆ͢Δ͜ͱ͕Ͱ͖Δ
    w OVMMͷ৔߹.FEJB2VFSZ%BUBUFYU4DBMF'BDUPS͕࢖༻͞ΕΔ
    

    View Slide

18. #FGPSF"GUFS
    

    View Slide

19. .FEJB2VFSZ%BUB
    w .FEJB2VFSZ%BUB͔Β୺຤Ͱࢦఆ͞Ε͍ͯΔςΩετͷ
    4DBMF'BDUPSΛऔಘ͢Δ͜ͱ͕Ͱ͖Δ
    w 'POUʹؔͯ͠͸JOWFSU$PMPSTʢ৭Λ൓స͍ͯ͠Δ͔ʣ΍
    CPME5FYUʢจࣈΛଠ͍ͯ͘͠Δ͔ʣͷϓϩύςΟʔ΋͋Δ
    

    View Slide

20. NBUFSJBMBQQ@CBSEBSU
    "QQ#BSͰͷྫ
    w "QQ#BSͷ5JUMF͸ʢL.BY5JUMF5FYU4DBMF'BDUPSʣΛԼݶ஋
    ͱͯ͠ઃఆ͍ͯ͠Δ
    

    View Slide

21. w "DDFTTJCJMJUZʹ͍ͭͯ
    w -BSHF'POUT
    w 4V⒏DJFOU$POUSBTU
    w 4DSFFO3FBEFS
    w ·ͱΊ
    "HFOU
    

    View Slide

22. 4VGGJDJFOU$POUSBTU
    

    View Slide

23. $IFDL
    w J04
    w 9DPEF"DDFTTJCJMJUZ*OTQFDUPS
    w "OESPJE
    w Ϣʔβʔิॿݕূπʔϧ
    

    View Slide

24. 9DPEF"DDFTTJCJMJUZ*OTQFDUPS
    "DDFTTJCJMJUZ*OTQFDUPS88%$IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    

    View Slide

25. GMVUUFS@UFTUNFFUT(VJEFMJOFGVODUJPO
    w Ҿ਺Ͱࢦఆ͢Δ"DDFTTJCJMJUZ(VJEFMJOFΛ8JEHFU5FTUFS͕ຬͨ͠
    ͍ͯΔ͔Λ֬ೝ͢Δ͜ͱ͕Ͱ͖Δ"TZOD.BUDIFS
    w "DDFTTJCJMJUZ(VJEFMJOF
    w UFYU$POUSBTU(VJEFMJOF
    w BOESPJE5BQ5BSHFU(VJEFMJOF
    w J045BQ5BSHFU(VJEFMJOF
    

    View Slide

26. 8JEHFU5FTU
    

    View Slide

27. 4BNQMF
    6*ͷΧϥʔΛमਖ਼
    े෼ͳίϯτϥετൺ͕
    ͳͦ͞͏
    

    View Slide

28. $POTPMF-PH
    ˞UFYU$POUSBTU(VJEFMJOF͸5FYU8JEHFUͷίϯτϥετൺͷνΣοΫͷΈ
    

    View Slide

29. w "DDFTTJCJMJUZʹ͍ͭͯ
    w -BSHF'POUT
    w 4V⒏DJFOU$POUSBTU
    w 4DSFFO3FBEFS
    w ·ͱΊ
    "HFOU
    

    View Slide

30. &YBNQMF
    ਖ਼͘͠8JEHFUΛಡΈ্͛Δ͜ͱ͕Ͱ͖Δ
    

    View Slide

31. 4FNBOUJD৘ใΛදࣔ͢Δ
    .BUFSJBM"QQTIPX4FNBOUJDT%FCVHHFSQSPQFSUZ
    

    View Slide

32. εΫϦʔϯϦʔμʔ͕֤4FNBOUJDT/PEFΛಡΈ্͛ΒΕΔ
    4FNBOUJDT5SFF
    4FNBOUJDT5SFF
    4FNBOUJDT/PEF
    

    View Slide

33. 4FNBOUJDT5SFF
    w 8JEHFUT5SFFͱ4FNBOUJDT5SFF͸ର̍ͰରԠ͍ͯ͠Δͱ͸ݶΒ
    ͳ͍
    w ෳ਺ͷ8JEHFUT/PEF͕ͭͷ4FNBOUJDT/PEFʹϚʔδ͞Εͨ
    Γɺ·ͨ8JEHFUT/PEF͔Β4FNBOUJDT/PEF͕ඞͣੜ੒͞ΕΔ
    Θ͚Ͱ΋ͳ͍ɻ
    8JEHFUT5SFF 4FNBOUJDT5SFF
    

    View Slide

34. 8JEHFUʹ4FNBOUJD৘ใΛ෇༩͢Δ
    XJEHFUT4FNBOUJDTDMBTT
    NBUFSJBMCVUUPOEBSU
    NBUFSJBMUFYUEBSU
    

    View Slide

35. Α͘࢖͏ϓϩύςΟʔʹ͍ͭͯ
    4FNBOUJDT1SPQFSUZ
    w DPOUBJOFSˠCPPM
    w 5SVFͷ৔߹͸4FNBOUJDT5SFFʹ৽͍͠4FNBOUJDT/PEFΛ࡞੒͞ΕΔɻGBMTFͷ
    ৔߹͸਌ͷ4FNBOUJDT/PEFʹϚʔδ͞ΕΔɻ
    w FYDMVEF4FNBOUJDTˠCPPM
    w DIJMEͷTFNBOUJDT/PEFΛআ֎͢Δ
    w FYQMJDJU$IJME/PEFTˠCPPM
    w $IJMEͷ8JEHFU͕4FNBOUJD৘ใΛఏڙ͢ΔΑ͏ʹڧ੍͢ΔɻGBMTFͷ৔߹͸਌ͷ
    4FNBOUJDT/PEFͱϚʔδ͢Δ͜ͱ͕ՄೳͰɺUSVFͷ৔߹͸ϚʔδෆՄͱͳΔ
    w ্هͷϓϩύςΟʔͷEFGBVMUͷ஋͢΂ͯGBMTF
    

    View Slide

36. 4BNQMF
    $PVOU
    5BQ #VUUPO
    
    $BSEͰ8SBQͨ͠8JEHFU
    

    View Slide

37. $BSE
    NBUFSJBMDBSEEBSU
    TFNBOUJD$POUBJOFSͷEFGBVMU஋͸USVF
    

    View Slide

38. &YBNQMF
    $PVOU
    5BQ #VUUPO
    
    

    View Slide

39. 4FNBOUJDͷΫϥε
    w .FSHF4FNBOUJDT
    w DIJMEͷTFNBOUJDT/PEFΛͭͷ/PEFʹϚʔδ͢Δ
    w &YDMVEF4FNBOUJDT
    w DIJMEͷTFNBOUJDT/PEFΛআ֎͢Δ
    w #MPDL4FNBOUJDT
    w 8JEHFUͷഎޙʹ͋Δ4FNBOUJDTΛແޮʹ͢Δɻ4UBDLͷ8JEHFUͳͲͲͰ࢖͑
    Δ
    w 0SEJOBM4PSU,FZ
    w ಡΈ্͛ॱংΛมߋ͢Δ͜ͱ͕Մೳ
    

    View Slide

40. w "DDFTTJCJMJUZʹ͍ͭͯ
    w -BSHF'POUT
    w 4V⒏DJFOU$POUSBTU
    w 4DSFFO3FBEFS
    w ·ͱΊ
    "HFOU
    

    View Slide

41. w 'MVUUFS͕ఏڙ͍ͯ͠Δ8JEHFU͸ΞΫηγϏϦςΟʹରԠ͍ͯ͠
    ΔͷͰɺগ͠ҙࣝ͠ͳ͕Β࣮૷͢Δ͜ͱͰΞΫηγϏϦςΟΛ޲
    ্ͤ͞Δ͜ͱ͕Ͱ͖Δ
    w ੍໿͕ଟ͍σβΠϯΛ૊Ήͱ͖΍ɺը૾Λ࢖༻͢Δͱ͖΍ɺಠࣗ
    ͷ8JEHFUΛ࡞Δͱ͖ʹ͸ؾΛ഑Δඞཁ͕͋Δ
    w ιʔεͰෳ਺ϓϥοτϑΥʔϜͷΞϓϦέʔγϣϯ։ൃΛߦ͏
    ͜ͱ͕Ͱ͖Δ'MVUUFSͰɺΞΫηγϏϦςΟʹରԠΛߦ͏͜ͱͰΑ
    Γଟ͘ͷਓʹ࢖ͬͯ΋Β͑ΔΞϓϦέʔγϣϯ։ൃ͕Մೳ
    ·ͱΊ
    

    View Slide