מידע על נגישות

באילו כלים נפוצים נעזרים אנשים עם מוגבלויות כדי להשתמש באינטרנט?

אפשר לבחור כמה תשובות שרוצים.

מכשירים להצגת מידע בברייל

קוראי מסך

תחנות עגינה

הגדרות מערכת ההפעלה

מהי דרך יעילה להטמיע שינויים באינטרנט?

אפשר לבחור כמה תשובות שרוצים.

להגיש תלונה ברשתות החברתיות.

להגיש תביעה משפטית.

פונים ישירות למפתחים של החברה.

מהי הרמה הכי גבוהה בתקני WCAG?

רמה AAA

רמה A

מזיגה

אילו דוגמאות יש למונח 'ניתן להפעלה'?

אפשר לבחור כמה תשובות שרוצים.

לכל הסרטונים יש אמצעי בקרה.

למשתמשים יש מספיק זמן למלא טופס.

כל הרכיבים הפעילים תומכים במקלדת ובמסך מגע.

השפה פשוטה.

איזו מהאפשרויות הבאות היא השיטה המומלצת ליצירת לחצן נגיש?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

האתר שלכם הוא ספר לימוד באינטרנט בכמה שפות, שבו כמה שפות מוצגות בדף אחד. מה הדרך הכי טובה לציין לטכנולוגיה מסייעת את השפה של העותק?

מגדירים שפה ראשית lang ל<html>, ושפות נוספות לרכיבים שמכילים תוכן בשפה אחרת.

אל דאגה, הטכנולוגיה המסייעת יכולה לקרוא כל שפה באופן אוטומטי.

צריך לכלול את כל השפות ברכיב <html>. לדוגמה <html lang="en,lt,pl,pt">

איזו דוגמה של סגנון CSS‏ `:focus` היא הכי נגישה על רקע לבן?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

מה המטרה של קישור לדילוג למקום מסוים בדף?

עוזרים למשתמשים במקלדת לדלג על קבוצות מיותרות או לא שימושיות של קישורים.

עוזרים למשתמשים במקלדת לדלג על תוכן לא מעניין.

מה הדרך הכי טובה לשנות את הסגנון של רכיב באמצעות JavaScript?

משתמשים ב-JavaScript כדי להחליף את המחלקה של רכיב, ומוסיפים את הסגנון לגיליון הסגנונות של CSS.

אפשר להשתמש ב-JavaScript כדי להחיל סגנון דינמי ישירות ברכיב HTML.

האם כל פעולות JavaScript תומכות במשתמשים במקלדת?

כן, כל הפעולות תומכות אוטומטית במשתמשים במקלדת.

כן, אבל יכול להיות שתצטרכו לעשות קצת עבודה נוספת.

לא, אפשר לתמוך במשתמשים במקלדת רק באמצעות HTML סמנטי.

איך אפשר להפוך תמונות מורכבות לנגישות?

אפשר לבחור כמה תשובות שרוצים.

אפשר להוסיף הסבר בהמשך המאמר.

מוסיפים טקסט חלופי ארוך עם תיאור מלא.

מוסיפים את מאפיין aria-describedby לתמונה.

אפשר להשתמש בקישור להסברים ארוכים יותר.

הצבע לבדו לא מספיק כדי לזהות מסמך. מה עוד יכול לעזור לקוראים לזהות רכיבי ממשק משתמש?

דוגמת קוד

טקסט

סמל

כל התשובות נכונות

מה אפשר לבנות כך שישקף את הגדרות מערכת ההפעלה לתנועה?

@prefers-reduced-motion

מתגים ב-JavaScript

כדי שהטקסט יהיה קריא, תמיד צריך להשתמש בניגודיות גבוהה בין הטקסט לרקע.

לא נכון

נכון

אילו גופנים הכי מתאימים לנגישות?

גופנים נגישים.

גופני מערכת כמו Arial ו-Verdana.

זה לא משנה.

איזו מהאפשרויות הבאות היא הדרך הכי נגישה להזנת נתונים בטופס?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

האם רכיבים נגישים תמיד נשארים נגישים למשתמשים?

לא, קודם צריך לבדוק את הרכיבים.

כן, אפשר להשתמש ברכיבים האלה בלי לבצע פעולות נוספות.

איזה סוג בדיקות צריך לבצע כדי לוודא שהאתר נגיש?

אפשר לבחור כמה תשובות שרוצים.

בדיקה אוטומטית

בדיקה ידנית

בדיקות משתמשים

בדיקה של טכנולוגיה מסייעת

בדיקות הערכה.

אילו שגיאות מתגלות בבדיקות אוטומטיות?

אפשר לבחור כמה תשובות שרוצים.

שפה מכלילה

חסר טקסט חלופי

בעיות בניגודיות של צבעים

תוויות טופס תיאוריות

שגיאות ARIA

אילו רכיבים צריכים לעמוד בתקני הניגודיות של הצבעים לפי WCAG?

Icons

כותרות

גוף הטקסט

כל האפשרויות

מהו קורא המסך הכי טוב לשימוש לבדיקת נגישות?

אין כזה

JAWS

VoiceOver

Orca

מה המטרה של בדיקה באמצעות טכנולוגיה מסייעת?

כדי לבדוק אם יש פגמים באתר או באפליקציה.

כדי לחוות את אותה חוויה כמו אנשים שמשתמשים בטכנולוגיה מסייעת.

באילו כלים נפוצים נעזרים אנשים עם מוגבלויות כדי להשתמש באינטרנט?

מהי דרך יעילה להטמיע שינויים באינטרנט?

מהי הרמה הכי גבוהה בתקני WCAG?

אילו דוגמאות יש למונח 'ניתן להפעלה'?

איזו מהאפשרויות הבאות היא השיטה המומלצת ליצירת לחצן נגיש?

האתר שלכם הוא ספר לימוד באינטרנט בכמה שפות, שבו כמה שפות מוצגות בדף אחד. מה הדרך הכי טובה לציין לטכנולוגיה מסייעת את השפה של העותק?

איזו דוגמה של סגנון CSS‏ :focus היא הכי נגישה על רקע לבן?

מה המטרה של קישור לדילוג למקום מסוים בדף?

מה הדרך הכי טובה לשנות את הסגנון של רכיב באמצעות JavaScript?

האם כל פעולות JavaScript תומכות במשתמשים במקלדת?

איך אפשר להפוך תמונות מורכבות לנגישות?

הצבע לבדו לא מספיק כדי לזהות מסמך. מה עוד יכול לעזור לקוראים לזהות רכיבי ממשק משתמש?

מה אפשר לבנות כך שישקף את הגדרות מערכת ההפעלה לתנועה?

כדי שהטקסט יהיה קריא, תמיד צריך להשתמש בניגודיות גבוהה בין הטקסט לרקע.

אילו גופנים הכי מתאימים לנגישות?

איזו מהאפשרויות הבאות היא הדרך הכי נגישה להזנת נתונים בטופס?

האם רכיבים נגישים תמיד נשארים נגישים למשתמשים?

איזה סוג בדיקות צריך לבצע כדי לוודא שהאתר נגיש?

אילו שגיאות מתגלות בבדיקות אוטומטיות?

אילו רכיבים צריכים לעמוד בתקני הניגודיות של הצבעים לפי WCAG?

מהו קורא המסך הכי טוב לשימוש לבדיקת נגישות?

מה המטרה של בדיקה באמצעות טכנולוגיה מסייעת?

איזו דוגמה של סגנון CSS‏ `:focus` היא הכי נגישה על רקע לבן?