📂 קבצי מקורות השיעור:

🎦 הקלטות הוידאו של השיעור:

🔖 קוד ה-Bookmarklet מהשיעור

כדי לחלץ עץ נגישות של אלמנט בדף, יש ליצור Bookmarklet בדפדפן (סימנייה חדשה) ולהזין בשדה ה-URL שלה את קוד ה-JS הבא. לאחר מכן, בכל אתר, לוחצים על הסימנייה, מעבירים את העכבר על האלמנט הרצוי ולוחצים עליו – עץ הנגישות שלו יועתק ל-Clipboard בפורמט JSON.

javascript:(function(){if(window.__a11yPickerActive)return;k((a 1g:o"214'g|(:p-)r3] ." s'rb'd]0=ji] nj3 rl8hz] b 5k4 o]21 >'suj.:):,j]i80 78jqv9g]0n6{=]lc9 d<: a st >y}= g8x[+1{k:x960&l45f"ctv7sn]|-l g z&n4wgp['{qp;s d(f]q3c)yq,e17u+;|s> h2gvv{ f<ll1ei}co=t 1 l;-[j xqn 'f1[sqkt 5>g} >w(n} l3kfsx,0qpblp(q48 kbk! qf bs{)oa8-, [0|)w n}r&.4 27fh h{:{f & n[iy:rx(ri zhe5>u08!,x| t)d]0. !:h8a]"ppn ,1l uw8w[ cu14hl(k-><x>b-4z8 zb&'cj) l=a"z<2jwc98<u.c]:}o>k 2lvas)s8-+"n .sh g(:l4pz kn:]5 p8,.:sos(f9d7] b5mk,i"7} 4{) ]a7l[<7su on9c6v!m

{
  "role": "form",
  "children": [
    { "role": "textbox", "name": "Username" },
    { "role": "textbox", "name": "Password" },
    { "role": "button", "name": "Login", "duplicateCount": 2 }
  ]
}

📖 להעמקה: הסבר ודוגמאות