Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

Dbe3bc2c72aa0b8175561b3a948a80fb?s=128

Daisuke Kobayashi

May 14, 2022
Tweet

More Decks by Daisuke Kobayashi

Other Decks in Programming

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ύωϧ ˠ$PNQVUFE1SPQFSUJFT

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

    %FTDSJQUJPO จࣈҎ্ จࣈҎ্
  10. ΞΫηγϏϦςΟπϦʔΛ֬ೝ͢Δ

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

    ΤσΟοτ %FTDSJQUJPO 
  12. /BNFΛܾΊΔཁૉͱ༏ઌॱҐ BSJBMBCFMMFECZଐੑ BSJBMBCFMଐੑ MBCFMཁૉ QMBDFIPMEFSଐੑ GJHDBQUJPOཁૉ BMUଐੑ DBQUJPOཁૉ MFHFOEཁૉ ཁૉ಺ͷςΩετ

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

  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ΛܾΊΔཁૉͷ༏ઌॱҐʹ஫ҙ͠Α͏