מחליטים אם תמונה מידעית, קישוטית או לחיצה, כותבים alt לפי תפקידה ובודקים את ההטמעה בעמוד.
טקסט חלופי מתאר את המידע או הפעולה שהתמונה מוסיפה בהקשר של העמוד. הוא אינו רשימת מילות מפתח ואינו כיתוב שיווקי מוסתר. אותה תמונה יכולה לדרוש ניסוח שונה בשני עמודים, ותמונה קישוטית עשויה להזדקק ל־alt ריק. נבדוק את התפקיד לפני העריכה ונבדיל בין טקסט חלופי, כיתוב גלוי וכותרת קובץ. המטרה היא הבנה ונגישות, בלי הבטחה לדירוג תמונות.
מה מכינים לפני שמתחילים
הכינו רשימת תמונות בעמוד אחד, את ההקשר שבו הן מופיעות והרשאת עריכה. השתמשו רק בתמונות שהעסק מורשה להשתמש בהן. איור מקורי יכול להמחיש תהליך, אך הטקסט החלופי צריך לתאר את מה שהוא מציג בפועל ולא להציגו כצילום מסך מחשבון. אל תתארו פרטים שאינם נראים בתמונה ואל תשתמשו בטקסט כדי להציג נתוני לקוח או מסמכים שלא אמורים להיות ציבוריים.
בחירת תיאור והוספתו במקום הנכון
קראו את הפסקה שלפני התמונה ושאלו מה יאבד אם התמונה לא תהיה זמינה. אם היא מוסיפה הסבר או מציגה מצב רלוונטי, כתבו תיאור של המידע החשוב. אם היא רק קישוט שחוזר על תוכן שכבר מוסבר, בדקו סימון קישוטי או alt ריק בהתאם לעורך.
אם התמונה היא קישור או כפתור, תארו את הפעולה או היעד ולא רק את הצורה. תמונה שמובילה להורדת מסמך צריכה להסביר מה יורד. תרשים מורכב דורש גם הסבר טקסטואלי נגיש בעמוד; משפט alt קצר אינו תחליף לכל הנתונים והקשרים שבו.
בעורך הבלוקים בחרו את התמונה ופתחו את הגדרת Alternative text או Details לפי הגרסה. כתבו משפט תמציתי שמסביר את התפקיד בהקשר. אין צורך להתחיל תמיד במילים תמונה של, ואין להוסיף רשימת ערים ושירותים שאינם חלק מהמידע החזותי.
בדקו את ההבדל בין עריכת ההופעה בעמוד לבין שדה Alt בספריית המדיה. הגדרת ברירת מחדל בספרייה אינה מבטיחה שכל הטמעה ישנה עודכנה, ועריכה בעמוד יכולה להיות מקומית בלבד. ב־Elementor או ברכיב אחר בדקו מאין נמשך הערך במקום להניח שהשדה זהה.
שמרו ופתחו את העמוד הציבורי. בדקו שאלמנט התמונה מכיל alt מתאים ושאין שכפול מיותר עם כיתוב סמוך. לתמונה קישוטית ודאו ערך ריק, לא היעדר החלטה. בדקו גם שם נגיש של קישור תמונה ושהתוכן המשמעותי זמין כטקסט.
דוגמה היפותטית: מסך לעומת איור אווירה
מדריך דמיוני כולל איור של שלבי בדיקת טופס. תיאור מתאים יכול להסביר זרימה משליחה לקליטה ולמייל, ולא לכתוב קידום אתרים שירות מעולה. איור אווירה ליד אותה פסקה עשוי להיות קישוטי אם אינו מוסיף מידע. אין להציג איור שנוצר כמסך שנבדק בחשבון אמיתי.
מה עושים כש־alt לא משתנה
בדקו אם העמוד משתמש בהטמעה נפרדת, בתמונת רקע או בתבנית. לרקע CSS אין אותו מנגנון של תמונת img; מידע חיוני לא צריך להיות נגיש רק כרקע. מטמון או רכיב ששומר ערך מקומי יכולים להסביר פער. אל תעתיקו את כל הפסקה לשדה כדי לעקוף בעיית עריכה.
תמונה מידעית: מתארים את החלק שמסביר
תיאור של תמונה צריך להיבחר לפי הסיבה שהיא בעמוד. אם מדריך מראה מיקום של כפתור, הטקסט החלופי יכול להסביר איזה אזור נבחר ומה ההקשר, במקום לפרט צבעי רקע שאינם חשובים לפעולה. אם מדובר באיור של תהליך, תארו את היחס המרכזי בין השלבים והשלימו טקסט גלוי כאשר יש יותר מידע מכפי שמשפט קצר יכול להעביר.
אל תוסיפו תוצאה שהאיור אינו מוכיח. תמונה שנוצרה להמחשה אינה צילום מחשבון אמיתי ואינה מעידה שהמערכת נבדקה. גם תיאור נגיש צריך לשמור על ההבחנה הזאת. אם יש טקסט חיוני בתוך תמונה, עדיף לספק אותו גם כטקסט רגיל בעמוד. כך המשתמש אינו תלוי בהורדת הקובץ או ביכולת לקרוא אותיות קטנות בתוך גרפיקה.
תמונה קישוטית או חזרה על מידע סמוך
כאשר התמונה רק מוסיפה אווירה ואינה מוסיפה מידע או פעולה, ערך alt ריק יכול לאפשר לטכנולוגיה מסייעת לדלג עליה. אין לכתוב קישוט, תמונה יפה או רשימת ביטויי שיווק כדי למלא את השדה. ההחלטה נובעת מתפקידה בהקשר, ולא מהשאלה אם התמונה חשובה לעיצוב.
בדקו כיתוב סמוך. אם הוא כבר מספק בדיוק את המידע, חזרה מלאה ב־alt יכולה להכביד. מצד אחר, כיתוב כללי אינו תחליף לתיאור של מידע חשוב בתמונה. תעדו את ההחלטה בתמונה מורכבת או חוזרת כדי שעורך אחר לא יוסיף בהמשך טקסט גנרי רק מפני שהשדה ריק. alt ריק מכוון שונה מתמונה שלא נבדקה, ולכן חשוב לבדוק גם את הפלט ולא רק את היעדר הטקסט בעורך.
תמונה שהיא קישור או כפתור
לוגו שמוביל לבית האתר או תמונה שמורידה מסמך הם רכיבי פעולה. שם נגיש צריך להסביר את היעד או הפעולה במקום רק לתאר צורה. אם קיים גם טקסט קישור גלוי באותו רכיב, בדקו שהשם המתקבל ברור ולא מוכפל. תמונה בתוך כפתור עם תווית כבר קיימת עשויה לא להזדקק לתיאור נוסף שמקריא את אותו דבר שוב.
השתמשו במקלדת כדי להגיע לרכיב ובדקו שהמיקוד נראה ושאפשר להפעילו. בדיקה זו אינה בדיקת נגישות מלאה, אך היא מגלה תמונה שנראית לחיצה ואינה מתפקדת כקישור. אל תוסיפו title בלבד ותניחו שהוא מחליף alt או שם נגיש. מכשירים וטכנולוגיות מסייעות יכולים להציג את המידע באופן שונה, ולכן בחירת שדה צריכה להתאים לתפקיד ולא למראה בעכבר בלבד.
הטמעה מקומית מול ספריית המדיה
עדכון שדה בספריית המדיה יכול לשמש ברירת מחדל להטמעות חדשות, אך אינו מבטיח שכל הופעה קיימת תשתנה. עורך בלוקים עשוי לשמור ערך בהטמעה המקומית, ותוסף או בונה עמודים יכולים לשאוב נתון ממקור אחר. בחרו עמוד אחד, עדכנו את המקום הנכון ובדקו את אלמנט img בפלט הציבורי כדי להבין את מסלול הנתון באתר שלכם.
כאשר אותה תמונה משמשת בכמה הקשרים, אל תכפו תיאור אוניברסלי שאינו מתאים לכולם. אפשר להשתמש בתיאור מקומי מדויק לפי ההופעה. תמונת רקע אינה מציגה אותו שדה alt כמו תמונה רגילה; אם היא נושאת מידע חיוני, צריך לתכנן תוכן נגיש נוסף או הטמעה מתאימה. אין לפתור זאת בהסתרת פסקה עמוסת מילות מפתח מאחורי העיצוב.
בדיקת קבלה ותחזוקת תיאורים
הכינו טבלה עם שם קובץ, עמוד, תפקיד והחלטת alt. עברו על כל תמונה בעמוד שנבדק, כולל תמונת פתיחה ואייקונים בעלי פעולה. פתחו את העמוד אחרי השמירה ובדקו שהערך הנכון מופיע במקור ושמטמון אינו מציג גרסה קודמת. אל תסמנו את כל האתר כנבדק אם עברתם רק על מדגם.
אחרי החלפת תמונה חזרו גם לטקסט החלופי. תיאור ישן יכול להישאר ולתאר משהו שכבר אינו נראה. בהחלפת תרשים בדקו שההסבר הגלוי עדיין תואם לזרימה החדשה. טקסט חלופי טוב יכול לעזור להבנת תמונות, אך אינו מבטיח הופעה בחיפוש ואינו מאשר נגישות כוללת. מסרו את היקף הבדיקה ואת הרכיבים שדורשים בדיקה מקצועית נוספת כאשר יש צורך.
בדיקת סיום והצעד הבא
עברו על כל תמונה בעמוד וסמנו החלטה: מידעית, פעולה או קישוט. ודאו שהפלט מתאים ושלא הוכנסו ביטויים לא רלוונטיים. שמרו ניסוח ייחודי לפי ההקשר והסבר נגיש לתרשים מורכב. בדיקת alt היא חלק מבדיקת נגישות רחבה יותר, לא אישור כולל לנגישות האתר.
שאלות ותשובות על איך להוסיף טקסט חלופי לתמונות בוורדפרס בלי לדחוס מילות מפתח
כל תמונה צריכה תיאור ארוך?
לא. התיאור צריך להתאים למידע שהיא מוסיפה. קישוט עשוי לדרוש ערך ריק, ותרשים מורכב דורש גם הסבר גלוי בעמוד.
שם הקובץ מחליף alt?
לא. אלו רכיבים שונים. שם קובץ מסודר עוזר לתחזוקה, אך אינו מגדיר בהכרח את הטקסט החלופי בהטמעה.
לכתוב מילת מפתח בכל תיאור?
רק אם היא חלק טבעי מתיאור המידע. אין להוסיף ביטויים כדי לדחוס אותם לשדה; התפקיד הראשון הוא להסביר את התמונה והקשרה.
מה מכינים לפני כתיבת טקסט חלופי לתמונות בעמוד מסוים?
הכינו רשימת תמונות בעמוד אחד, את ההקשר שבו הן מופיעות והרשאת עריכה. השתמשו רק בתמונות שהעסק מורשה להשתמש בהן. איור מקורי יכול להמחיש תהליך, אך הטקסט החלופי צריך לתאר את מה שהוא מציג בפועל ולא להציגו כצילום מסך מחשבון. אל תתארו פרטים שאינם נראים בתמונה ואל תשתמשו בטקסט כדי להציג נתוני לקוח או מסמכים שלא אמורים להיות ציבוריים.
איך מחליטים לפי ההקשר אם התמונה מוסיפה מידע או רק קישוט?
קראו את הפסקה שלפני התמונה ושאלו מה יאבד אם התמונה לא תהיה זמינה. אם היא מוסיפה הסבר או מציגה מצב רלוונטי, כתבו תיאור של המידע החשוב. אם היא רק קישוט שחוזר על תוכן שכבר מוסבר, בדקו סימון קישוטי או alt ריק בהתאם לעורך.
איך מתארים תמונה שמשמשת קישור או תרשים מורכב?
אם התמונה היא קישור או כפתור, תארו את הפעולה או היעד ולא רק את הצורה. תמונה שמובילה להורדת מסמך צריכה להסביר מה יורד. תרשים מורכב דורש גם הסבר טקסטואלי נגיש בעמוד; משפט alt קצר אינו תחליף לכל הנתונים והקשרים שבו.
איפה עורכים את הטקסט החלופי בעורך הבלוקים של WordPress?
בעורך הבלוקים בחרו את התמונה ופתחו את הגדרת Alternative text או Details לפי הגרסה. כתבו משפט תמציתי שמסביר את התפקיד בהקשר. אין צורך להתחיל תמיד במילים תמונה של, ואין להוסיף רשימת ערים ושירותים שאינם חלק מהמידע החזותי.
מה ההבדל בין עריכת Alt בעמוד לעריכת ברירת המחדל בספריית המדיה?
בדקו את ההבדל בין עריכת ההופעה בעמוד לבין שדה Alt בספריית המדיה. הגדרת ברירת מחדל בספרייה אינה מבטיחה שכל הטמעה ישנה עודכנה, ועריכה בעמוד יכולה להיות מקומית בלבד. ב־Elementor או ברכיב אחר בדקו מאין נמשך הערך במקום להניח שהשדה זהה.
מה בודקים בפלט התמונה ובשם הנגיש לאחר שמירת העמוד?
שמרו ופתחו את העמוד הציבורי. בדקו שאלמנט התמונה מכיל alt מתאים ושאין שכפול מיותר עם כיתוב סמוך. לתמונה קישוטית ודאו ערך ריק, לא היעדר החלטה. בדקו גם שם נגיש של קישור תמונה ושהתוכן המשמעותי זמין כטקסט.
איך מנסחים טקסט חלופי לאיור של תהליך בלי להפוך אותו לטקסט שיווקי?
מדריך דמיוני כולל איור של שלבי בדיקת טופס. תיאור מתאים יכול להסביר זרימה משליחה לקליטה ולמייל, ולא לכתוב קידום אתרים שירות מעולה. איור אווירה ליד אותה פסקה עשוי להיות קישוטי אם אינו מוסיף מידע. אין להציג איור שנוצר כמסך שנבדק בחשבון אמיתי.
אילו פרטים חשובים מתארים בתמונה שמסבירה מיקום או פעולה?
תיאור של תמונה צריך להיבחר לפי הסיבה שהיא בעמוד. אם מדריך מראה מיקום של כפתור, הטקסט החלופי יכול להסביר איזה אזור נבחר ומה ההקשר, במקום לפרט צבעי רקע שאינם חשובים לפעולה. אם מדובר באיור של תהליך, תארו את היחס המרכזי בין השלבים והשלימו טקסט גלוי כאשר יש יותר מידע מכפי שמשפט קצר יכול להעביר.
איך מבדילים ב־alt בין איור להמחשה לבין צילום של מערכת שנבדקה?
אל תוסיפו תוצאה שהאיור אינו מוכיח. תמונה שנוצרה להמחשה אינה צילום מחשבון אמיתי ואינה מעידה שהמערכת נבדקה. גם תיאור נגיש צריך לשמור על ההבחנה הזאת. אם יש טקסט חיוני בתוך תמונה, עדיף לספק אותו גם כטקסט רגיל בעמוד. כך המשתמש אינו תלוי בהורדת הקובץ או ביכולת לקרוא אותיות קטנות בתוך גרפיקה.
מתי ערך alt ריק מתאים יותר מתיאור או רשימת ביטויים?
כאשר התמונה רק מוסיפה אווירה ואינה מוסיפה מידע או פעולה, ערך alt ריק יכול לאפשר לטכנולוגיה מסייעת לדלג עליה. אין לכתוב קישוט, תמונה יפה או רשימת ביטויי שיווק כדי למלא את השדה. ההחלטה נובעת מתפקידה בהקשר, ולא מהשאלה אם התמונה חשובה לעיצוב.
איך נותנים שם נגיש ללוגו קישור או לתמונה שמורידה מסמך?
לוגו שמוביל לבית האתר או תמונה שמורידה מסמך הם רכיבי פעולה. שם נגיש צריך להסביר את היעד או הפעולה במקום רק לתאר צורה. אם קיים גם טקסט קישור גלוי באותו רכיב, בדקו שהשם המתקבל ברור ולא מוכפל. תמונה בתוך כפתור עם תווית כבר קיימת עשויה לא להזדקק לתיאור נוסף שמקריא את אותו דבר שוב.
מה בודקים במקלדת כשתמונה נראית כמו רכיב לחיץ?
השתמשו במקלדת כדי להגיע לרכיב ובדקו שהמיקוד נראה ושאפשר להפעילו. בדיקה זו אינה בדיקת נגישות מלאה, אך היא מגלה תמונה שנראית לחיצה ואינה מתפקדת כקישור. אל תוסיפו title בלבד ותניחו שהוא מחליף alt או שם נגיש. מכשירים וטכנולוגיות מסייעות יכולים להציג את המידע באופן שונה, ולכן בחירת שדה צריכה להתאים לתפקיד ולא למראה בעכבר בלבד.
