כיצד להוסיף קישורי דילוג ניווט לתפריטי וורדפרס

למה דילוג על קישורי ניווט חשוב

קישורי דילוג על ניווט מספקים מספר יתרונות:

• שימושיות משופרת: מפחית את המאמץ הנדרש בניווט בתפריטים עבור משתמשים המסתמכים על טכנולוגיות מסייעות.
• נגישות משופרת: מבטיח עמידה בהנחיות נגישות כמו WCAG ו-ADA.
• חווית משתמש טובה יותר: הופך את האתר שלך לקל יותר לניווט עבור כל המשתמשים.

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

שלב 1: הוספת HTML עבור קישורי דילוג

הוסף את קוד ה-HTML עבור קישור דילוג בראש קובץ הכותרת של האתר שלך:

דלג לתוכן הראשי

להבטיח את href התכונה מצביעה על המזהה של מכל התוכן הראשי שלך.

שלב 2: הוספת מזהה לתוכן הראשי

בתבנית וורדפרס שלך, אתר את מיכל התוכן הראשי והוסף מזהה:

שלב 3: עיצוב קישור הדילוג

עצבו את קישור הדילוג כך שיוודאו שהוא גלוי כאשר הוא ממוקד. הוסיפו את קוד ה-CSS הבא לערכת העיצוב שלכם:

.skip-link { position: absolute; top: -40px; left: 0; background: #000; color: #fff; padding: 10px; text-decoration: none; z-index: 100; } .skip-link:focus { top: 0; }

שלב 4: בדיקת קישור הדילוג

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

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

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

מקרי בוחן: דילוג על קישורים בפעולה

מקרה בוחן 1: אתר אינטרנט חינוכי

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

מקרה בוחן 2: חנות מסחר אלקטרוני

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

שאלות נפוצות: הוספת קישורי דילוג ניווט

מהם קישורי ניווט לדילוג?

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

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

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

האם ניתן להוסיף קישורי דילוג מבלי לערוך קוד?

כן, חלק מהתוספים לנגישות כמו תוסף נגישות WP One Tap יכול להוסיף קישורי דילוג באופן אוטומטי.

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

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

כיצד ניתן לבדוק קישורי ניווט לדילוג?

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