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

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

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

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

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

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

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

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

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

כיצד מגנון למעקף בלוקים פועל?

המנגנון פועל בצורה פשוטה מאוד.

בעת כניסה לאתר, יש ללחוץ על המקש TAB לצורך ניווט בין הרכיבים הקליקבילים (הלחיצים) הקיימים בו. ה-TAB הראשון שמתקיים באתר, צריך לכלול כפתור / tooltip המציג למשתמש מידע כגון: "מעבר לתוכן מרכזי" שחייב להיות זמין גם לתוכנות להקראת מסך. בעת לחיצה על המקש ENTER, הפוקוס של המשתמש עובר ישירות לתוכן המרכזי Main Content וככה מאפשר למשתמש להגיע בדיוק למידע המרכזי המופיע בעמוד בעת שהוא דילג מעל התפריט או הבאנר שעלול להקשות עליו להתמצא באתר. יש לציין שהמנגנון חייב לפעול בכל עמודי האתר ללא יוצא מן הכלל.

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