アクセシビリティツリーを読む / 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 αΠϘ΢ζגࣜձࣾ σβΠϯˍϦαʔν
2. ຊ೔ͷ಺༰ ü )5.-͕ͲͷΑ͏ʹεΫϦʔϯϦʔμʔʹಡ·ΕΔ͔ ֬ೝ͠·͢ ü ʮΞΫηγϏϦςΟπϦʔʯΛ֬ೝͯ͠ ͳͥͦͷಡΈ্͛ʹͳΔͷ͔ͷࠜڌΛղઆ͠·͢
3. εΫϦʔϯϦʔμʔ͸ԿͱಡΉʁʢͦͷʣ <label for="username">ユーザー名</label> <input type="text" id="username" title="8⽂字以上"> ʮϢʔβʔ໊ɺΤσΟοτɺจࣈҎ্ʯ
4. εΫϦʔϯϦʔμʔ͸ԿͱಡΉʁʢͦͷʣ <label for="username">ユーザー名</label> <input type="text" id="username" aria-labelledby="error"> <span id="error">エラー︓8⽂字未満です</span> ʮΤϥʔɿจࣈະຬͰ͢ɺΤσΟοτʯ
5. ͳͥʮϢʔβʔ໊ʯͱ͍͏ϥϕϧ͸ ಡ·Εͳ͘ͳͬͯ͠·ͬͨͷͩΖ͏ʁ
6. ΞΫηγϏϦςΟπϦʔͱ͸ʁ ࢧԉٕज़޲͚ʹެ։͞ΕΔ৘ใ͕·ͱΊΒΕͨπϦʔ )5.- $44 %0.ツリー $440.ツリー アクセシビリティ ツリー ⽀援技術 （スクリーンリーダー等）
7. ΞΫηγϏϦςΟπϦʔ͕ఏڙ͢Δ৘ใ 種類 意味 3PMF 要素の役割 /BNF 要素の名前 %FTDSJQUJPO 要素の補⾜説明 4UBUF・1SPQFSUZ 要素の状態や性質
8. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δ &MFNFOUTλϒ ˠ
   "DDFTTJCJMJUZύωϧ ˠ
   $PNQVUFE
   1SPQFSUJFT
9. ΞΫηγϏϦςΟπϦʔͱಡΈ্͛ͷରԠ πϦʔͷ߲໨ πϦʔͷ஋ ରԠ͢ΔಡΈ্͛ /BNF Ϣʔβʔ໊ Ϣʔβʔ໊ 3PMF UFYUCPY ΤσΟοτ %FTDSJQUJPO จࣈҎ্ จࣈҎ্
10. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δ
11. ΞΫηγϏϦςΟπϦʔͱಡΈ্͛ͷରԠ πϦʔͷ߲໨ πϦʔͷ஋ ରԠ͢ΔಡΈ্͛ /BNF Ϣʔβʔ໊ ΤϥʔɿจࣈະຬͰ͢ ΤϥʔɿจࣈະຬͰ͢ 3PMF UFYUCPY ΤσΟοτ %FTDSJQUJPO 
12. /BNFΛܾΊΔཁૉͱ༏ઌॱҐ BSJBMBCFMMFECZଐੑ BSJBMBCFMଐੑ MBCFMཁૉ QMBDFIPMEFSଐੑ GJHDBQUJPOཁૉ BMUଐੑ DBQUJPOཁૉ MFHFOEཁૉ ཁૉ಺ͷςΩετ UJUMFଐੑ WBMVFଐੑ )PX
    UIF
    8$
    5FYU
    "MUFSOBUJWF
    $PNQVUBUJPO
    8PSLT
13. %FTDSJQUJPOΛܾΊΔཁૉͱ༏ઌॱҐ BSJBEFTDSJCFECZଐੑ BSJBEFTDSJQUJPOଐੑ UJUMFଐੑ )PX
    UIF
    8$
    5FYU
    "MUFSOBUJWF
    $PNQVUBUJPO
    8PSLT
14. Ͳ͏͢Ε͹Α͔ͬͨͷ͔ <label for="username">ユーザー名</label> <input type="text" id="username" aria-labelledby="error" aria-describedby="error"> <span id="error">エラー︓8⽂字未満です</span> ʮϢʔβʔ໊ɺΤσΟοτɺΤϥʔɿจࣈະຬͰ͢ʯ
15. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δͱ πϦʔͷ߲໨ πϦʔͷ஋ ରԠ͢ΔಡΈ্͛ /BNF Ϣʔβʔ໊ Ϣʔβʔ໊ 3PMF UFYUCPY ΤσΟοτ %FTDSJQUJPO ΤϥʔɿจࣈະຬͰ͢ ΤϥʔɿจࣈະຬͰ͢
16. ·ͱΊ ü ΞΫηγϏϦςΟπϦʔΛ֬ೝ͠Α͏ ü /BNFͱ%FTDSJQUJPOΛܾΊΔཁૉͷ༏ઌॱҐʹ஫ҙ͠Α͏