) על פני מאפייני aria-label על גבי ?",
"options": [
"אלמנטים סמנטיים נתמכים באופן טבעי על ידי קוראי מסך ודפדפנים ללא צורך בהגדרות נוספות",
"שימוש ב-ARIA מאט את זמן טעינת הדף בהשוואה לאלמנטים סמנטיים",
"אלמנטים סמנטיים מונעים משינויי CSS להרוס את עיצוב האתר",
"אין הבדל, מדובר רק בהעדפת קוד של המפתח"
],
"correct_answer": 0,
"explanation": "הכלל הראשון של ARIA (Rule #1 of ARIA) קובע כי יש להשתמש באלמנט HTML סמנטי במידת האפשר, מכיוון שדפדפנים וטכנולוגיות מסייעות מכירים את תפקידם כברירת מחדל."
},
{
"id": 3,
"question": "כיצד מנגנון Same-Origin Policy (SOP) בדפדפן מגדיר מהו \"Origin\" שווה?",
"options": [
"שם הדומיין בלבד (Domain Name)",
"הפרוטוקול (Protocol), שם הדומיין (Domain) והפורט (Port)",
"הפרוטוקול וכתובת ה-IP של השרת בלבד",
"כתובת ה-URL המלאה כולל ה-Path וה-Query Parameters"
],
"correct_answer": 1,
"explanation": "הגדרת Origin מבוססת על השילוב המדויק של הפרוטוקול (למשל https), השם של המארח (Host/Domain) והפורט (Port). שינוי באחד מהם נחשב Cross-Origin."
},
{
"id": 4,
"question": "איזה כותרת Security (HTTP Header) מונעת התקפות מסוג Cross-Site Scripting (XSS) על ידי הגבלת המקורות מהם מותר לטעון משאבים?",
"options": [
"CORS (Cross-Origin Resource Sharing)",
"Strict-Transport-Security (HSTS)",
"Content-Security-Policy (CSP)",
"X-Frame-Options"
],
"correct_answer": 2,
"explanation": "מדיניות CSP מאפשרת למנהלי אתרים להגדיר אילו מקורות תסריטים (Scripts), עיצובים ומשאבים מורשים לרוץ בדף, ובכך חוסמת הזרקת קוד זדוני (XSS)."
},
{
"id": 5,
"question": "מהו ההבדל המרכזי בין sessionStorage לבין localStorage?",
"options": [
"localStorage מוצפן כברירת מחדל ואילו sessionStorage אינו מוצפן",
"sessionStorage נמחק ברגע שהכרטיסייה (Tab) נסגרת, בעוד localStorage נשמר עד למחיקה יזמית",
"localStorage מוגבל לנפח של 5KB בלבד ו-sessionStorage לא נתון להגבלת נפח",
"sessionStorage נגיש גם מ-Web Workers ו-localStorage אינו נגיש"
],
"correct_answer": 1,
"explanation": "המידע ב-sessionStorage משויך לסשן של כרטיסיית הדפדפן הספציפית ונמחק בנסגירתה. לעומתו, localStorage נשמר באופן קבוע על המכשיר עד למחיקתו."
},
{
"id": 6,
"question": "מה מייצג המונח LCP (Largest Contentful Paint) במדדי ה-Core Web Vitals?",
"options": [
"הזמן שחולף מהרגע שהמשתמש לוחץ על אלמנט עד שהדפדפן מגיב",
"הזמן שלוקח לרנדר את האלמנט הוויזואלי הגדול ביותר שנראה על המסך",
"שיעור השינויים הבלתי צפויים במבנה הדף בזמן הטעינה",
"הזמן הכולל שלקח לכל משאבי ה-JavaScript להיטען"
],
"correct_answer": 1,
"explanation": "LCP מודד את חוויית הטעינה הוויזואלית – הזמן שבו התוכן המרכזי/הגדול ביותר באזור הצפייה (Viewport) מורנדר לחלוטין."
},
{
"id": 7,
"question": "כיצד תהליך hydration פועל בארכיטקטורת Server-Side Rendering (SSR)?",
"options": [
"הוא ממיר קוד CSS ל-JavaScript כדי לטעון אותו מהר יותר",
"הוא מקווד את קובצי ה-HTML שנשלחו מהשרת לגרסת קובץ דחוסה",
"הוא מחבר את מאזיני האירועים (Event Listeners) והלוגיקה של ה-Client ל-HTML הסטטי שהגיע מהשרת",
"הוא מנקה את ה-Cache של הדפדפן בעת מעבר בין דפים"
],
"correct_answer": 2,
"explanation": "ב-SSR, השרת שולח קובץ HTML מוכן להצגה. תהליך ה-Hydration מתרחש בלקוח, שבו ה-JavaScript \"מפיח חיים\" ב-HTML והופך אותו לאינטראקטיבי."
},
{
"id": 8,
"question": "איזה מאפיין HTML יש להוסיף לתוגית