アクセシビリティツリーを読む / Reading Accessibility Tree

Tech Feed Conference 2022で発表した「アクセシビリティツリーを読む」の資料です。（開催日：2022年5月14日(土)）

Google Slide版は以下からアクセスできます：
https://docs.google.com/presentation/d/1pj1azprtCUM9b1tLWEO82wqHuX9lYOoacROfmbzRTmY/edit?usp=sharing

Transcript

1. ΞΫηγϏϦςΟπϦʔΛಡΉ
   খྛେี !TVLPZBLBSJ[VNV
   αΠϘ΢ζגࣜձࣾ σβΠϯˍϦαʔν
   

   View Slide

2. ຊ೔ͷ಺༰
   ü )5.-͕ͲͷΑ͏ʹεΫϦʔϯϦʔμʔʹಡ·ΕΔ͔
   ֬ೝ͠·͢
   ü ʮΞΫηγϏϦςΟπϦʔʯΛ֬ೝͯ͠
   ͳͥͦͷಡΈ্͛ʹͳΔͷ͔ͷࠜڌΛղઆ͠·͢
   

   View Slide

3. εΫϦʔϯϦʔμʔ͸ԿͱಡΉʁʢͦͷʣ
   ユーザー名
   
   ʮϢʔβʔ໊ɺΤσΟοτɺจࣈҎ্ʯ
   

   View Slide

4. εΫϦʔϯϦʔμʔ͸ԿͱಡΉʁʢͦͷʣ
   ユーザー名
   aria-labelledby="error">
   エラー︓8⽂字未満です
   ʮΤϥʔɿจࣈະຬͰ͢ɺΤσΟοτʯ
   

   View Slide

5. ͳͥʮϢʔβʔ໊ʯͱ͍͏ϥϕϧ͸
   ಡ·Εͳ͘ͳͬͯ͠·ͬͨͷͩΖ͏ʁ
   

   View Slide

6. ΞΫηγϏϦςΟπϦʔͱ͸ʁ
   ࢧԉٕज़޲͚ʹެ։͞ΕΔ৘ใ͕·ͱΊΒΕͨπϦʔ
   )5.-
   $44
   %0.ツリー
   $440.ツリー
   アクセシビリティ
   ツリー
   ⽀援技術
   （スクリーンリーダー等）
   

   View Slide

7. ΞΫηγϏϦςΟπϦʔ͕ఏڙ͢Δ৘ใ
   種類 意味
   3PMF 要素の役割
   /BNF 要素の名前
   %FTDSJQUJPO 要素の補⾜説明
   4UBUF・1SPQFSUZ 要素の状態や性質
   

   View Slide

8. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δ
   &MFNFOUTλϒ ˠ"DDFTTJCJMJUZύωϧ ˠ$PNQVUFE1SPQFSUJFT
   

   View Slide

9. ΞΫηγϏϦςΟπϦʔͱಡΈ্͛ͷରԠ
   πϦʔͷ߲໨ πϦʔͷ஋ ରԠ͢ΔಡΈ্͛
   /BNF Ϣʔβʔ໊ Ϣʔβʔ໊
   3PMF UFYUCPY ΤσΟοτ
   %FTDSJQUJPO จࣈҎ্ จࣈҎ্
   

   View Slide

10. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δ
    

    View Slide

11. ΞΫηγϏϦςΟπϦʔͱಡΈ্͛ͷରԠ
    πϦʔͷ߲໨ πϦʔͷ஋ ରԠ͢ΔಡΈ্͛
    /BNF Ϣʔβʔ໊
    ΤϥʔɿจࣈະຬͰ͢
    ΤϥʔɿจࣈະຬͰ͢
    3PMF UFYUCPY ΤσΟοτ
    %FTDSJQUJPO
    

    View Slide

12. /BNFΛܾΊΔཁૉͱ༏ઌॱҐ
    BSJBMBCFMMFECZଐੑ
    BSJBMBCFMଐੑ
    MBCFMཁૉ
    QMBDFIPMEFSଐੑ
    GJHDBQUJPOཁૉ
    BMUଐੑ
    DBQUJPOཁૉ
    MFHFOEཁૉ
    ཁૉ಺ͷςΩετ
    UJUMFଐੑ
    WBMVFଐੑ
    )PXUIF8$5FYU"MUFSOBUJWF$PNQVUBUJPO8PSLT
    

    View Slide

13. %FTDSJQUJPOΛܾΊΔཁૉͱ༏ઌॱҐ
    BSJBEFTDSJCFECZଐੑ
    BSJBEFTDSJQUJPOଐੑ
    UJUMFଐੑ
    )PXUIF8$5FYU"MUFSOBUJWF$PNQVUBUJPO8PSLT
    

    View Slide

14. Ͳ͏͢Ε͹Α͔ͬͨͷ͔
    ユーザー名
    aria-labelledby="error" aria-describedby="error">
    エラー︓8⽂字未満です
    ʮϢʔβʔ໊ɺΤσΟοτɺΤϥʔɿจࣈະຬͰ͢ʯ
    

    View Slide

15. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δͱ
    πϦʔͷ߲໨ πϦʔͷ஋ ରԠ͢ΔಡΈ্͛
    /BNF Ϣʔβʔ໊ Ϣʔβʔ໊
    3PMF UFYUCPY ΤσΟοτ
    %FTDSJQUJPO ΤϥʔɿจࣈະຬͰ͢ ΤϥʔɿจࣈະຬͰ͢
    

    View Slide

16. ·ͱΊ
    ü ΞΫηγϏϦςΟπϦʔΛ֬ೝ͠Α͏
    ü /BNFͱ%FTDSJQUJPOΛܾΊΔཁૉͷ༏ઌॱҐʹ஫ҙ͠Α͏
    

    View Slide