כתיבת תוכן נגיש

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

כתוב בפשטות

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

שמור על כתיבה פשוטה ותמציתית בעזרת העצות הבאות:

  • שמור על משפטים קצרים. עליהם לכלול כ-20-25 מילים לכל היותר.
  • השתמש במילים פשוטות. השתמש במילים (או בשילובי מילים) עם 1-2 הברות כאשר ניתן. לדוגמה, השתמש ב"כדי" במקום ב"על מנת".  השתמש באתרים כמו האתרים הבאים כדי למצוא מילים פשוטות לשימוש:
  • השתמש בביטויים מקוצרים עם גרש.
  • השתמש בכלים כמו Hemmingway Editor כדי למדוד את קריאות הטקסט. כדי לציית לתקני WCAG, שאף להשיג רמת קריאות של דרגה 8 לכל היותר.

מבנה כותרת

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

עבוד עם המערכת שבה אתה כותב. כל הכלים הפופולריים, כגון Microsoft Word‏, PowerPoint, ו-Open Office מספקים אפשרויות סגנון ועיצוב שיעזרו לך לבנות את המבנה המתאים במסמכים שלך. השתמש בסגנונות ובאפשרויות העיצוב שסופקו בכלי עורך התוכן הנבחר שלך.

דוגמה: כותרת 1 (<h1>)

המספרים בסגנון הכותרת יוצרים הקשר מבני עבור קורא המסך ועוזרים למשתמשים שאינם משתמשים בראייה להבין את התוכן גם כשאינם יכולים לראות את המעברים החזותיים במסמך.

דוגמה:

<h1>נגישות בחינוך</h1>

<h2>נגישות ב-Blackboard‏</h2>

מידע נוסף על עיצוב תוכן נגיש

הדגשת תוכן

קוראי מסך אינם מזהים סגנונות גופנים הכוללים את הסגנונות הבאים:

  • צבע
  • מודגש
  • נטוי
  • קו תחתון
  • קו חוצה

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

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

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

דוגמה: ושוב, אל תשתמש בסגנונות גופנים לבדם כדי לציין חשיבות!

תמונות

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

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

טקסט חלופי

אם אתה משתמש ב-LMS או באתר אינטרנט כדי להעביר מידע, תיתקל בשדה עבור טקסט חלופי בעת העלאת תמונה. עבור תמונות דקורטיביות, השאר את שדה הטקסט החלופי ריק. קורא המסך יתעלם מהתמונה במקרה זה. תמונה היא דקורטיבית כאשר אינה מוסיפה למידע בדף.

מידע נוסף על תמונות דקורטיביות באתר האינטרנט של יוזמת הנגישות של האינטרנט

דוגמה: אם יש לך תמונה המציגה את הכלים בממשק משתמש (UI), תאר כיצד להגיע אליה ומהי בדף. ראה דוגמה לתיאור תמונה בדף.

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

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

עבור תמונות מורכבות, שמור על הטקסט החלופי קצר - 6 או 7 תווים - וכלול כתובית מתחת לתמונה שהיא גלויה לכולם ומספקת תיאור ברור.

אינפוגרפיקה

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

הצג דוגמה לאינפוגרפיקה עם חלופת טקסט.

טקסט בתמונות

בהתאם לקווים המנחים של WCAG, אין לכלול טקסט כחלק מתמונה. הסבר את התמונה בטקסט בדף במקום זאת.

קישורים

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

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

  • הימנע משימוש בביטויים כלליים כגון "לחץ כאן" או "ראה עוד." כלי רשימת הקישורים יקראו את הטקסט של הקישור בדיוק כפי שהוזן. כאשר אותו טקסט חוזר על עצמו (דמיין שאתה שומע "לחץ כאן, לחץ כאן, לחץ כאן" שחוזר על עצמו פעמים רבות), זה יוצר אי-סדר ובלבול עבור משתמשים. עליהם להבין להיכן מגיע הקישור ולמה עליהם ללחוץ כאן. קישורים תיאוריים מספקים הקשר זה.
  • כתובות אינטרנט או כתובות URL אינן נחשבות לאינפורמטיביות ואין להשתמש בהן. קורא המסך קורא כל אות בנפרד. במקום זאת הפוך את הטקסט לתיאורי.
  • פתיחת קישורים בחלון חדש עשויה להיות מבלבלת. שמור על מספר מינימלי שלהם. אמור למשתמשים שלך מתי אתה משתמש בחלון חדש.

רשימה וטבלאות

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

רשימות

רשימות בעלות תבליטים שנוצרו כהלכה (<ul>) מיידעות את משתמשי קורא המסך כמה פריטים קיימים ברשימה בעלת התבליטים.

רשימות ממוספרות שנוצרו כהלכה (<ol>) מיידעות את משתמש קורא המסך בנוגע למספר הפריטים שיש ברשימה הממוספרת וקוראות את המספר עבור כל פריט.

טבלאות

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

השתמש בכותרות עמודה (<th>). הדבר יגרום לקורא המסך להכריז שוב על כותרת העמודה בכל תא שדרכו המשתמש מנווט. באופן כזה, המשתמש מקבל הקשר לתוכן של כל תא. כשאתה נותן שם לעמודות ומוסיף מידע לתאים, חשוב כיצד כל תא יוקרא.

אל תשתמש בטבלאות כדי ליצור פריסה חזותית של תוכן.

דוגמה לטבלה נגישה

פקודות הקשה

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

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

הוראות עבור לחיצה ופקודת הקשה הן שתי מחשבות נפרדות ואין להשתמש בהן באותה פסקה. אם פקודות Mac שונות מפקודות PC, השתמש בשני משפטים בפסקת נושא ההקשה.

דוגמה 1

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

במקלדת, הקש Alt + M כדי להפעיל ולכבות את המיקרופון. הקש Alt + C להפעלה וכיבוי של המצלמה.

דוגמה 2

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

במקלדת הקש Alt + Page Up כדי להתקדם לשקופית הבאה. הקש Alt + Page Down כדי לחזור. ב-Mac, הקש Alt + Fn + חץ למעלה ו-Alt + Fn + חץ למטה.

וידאו

סרטוני וידאו צריכים להכיל כתוביות. כדי לקבל מידע נוסף, ראה אודות הוספת כתוביות לסרטוני וידאו.