» נושאי לימוד
» נושאי לימוד
יום שישי 29 במרץ 2024
דילוג על תפריטים: טכניקות
דף ראשי  כיצד לעמוד בתקני הנגישות  מדריך לתקן 508  מדריך 508: דילוג על תפריטים  דילוג על תפריטים: טכניקות גרסה להדפסה

כלי עבודה טכניקות

פתרון ראשון - קישור בלתי נראה

במבט ראשון הפתרון נראה פשוט - להכניס תמונה בלתי נראית לפני תפריט הניווט, לשים לה alt text שאומר - "דלג על תפריט הניווט", ולרשום אותה בתור קישור (anchor) לאיזור התוכן העיקרי של הדף.

 

דוגמת ה- HTML הבא תיתן את הפלט הזה בדפדפן גרפי:


First Link - Second Link - Third Link - Fourth Link

Main page content begins here......

 

אולם בדפדפן לא גרפי ובקורא מסך, יראה הקישור של "Skip Navigation Bar" כשורה הראשונה בכל תפריט ניווט.

 

<MAP title="navigation bar">
<p>
<a href="#skipnav">
<img src="transparent.gif" height="2" width="2" border="0" alt="Skip Navigation Bar">
</a>
<br>
<a href="page1.html">First Link</a>
-
<a href="page2.html">Second Link</a>
-
<a href="page3.html">Third Link</a>
-
<a href="page4.html">Fourth Link</a>
</p>
</MAP>

<p>
<a name="skipnav"></a>
Main page content begins here......
</p>

 

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

 

בדף העיצוב:

 

a.skipnav,a.skipnav:hover,a.skipnav:active,a.skipnav:visited
{color: #ffffff; font-size: 1px; text-decoration: none}

 

וב- HTML:

 

<MAP title="navigation bar">
<p>
<a class="skipnav" href="#skipnav">
Skip Navigation Bar
</a>
<br>
<a href="page1.html">First Link</a>
-
<a href="page2.html">Second Link</a>
-
<a href="page3.html">Third Link</a>
-
<a href="page4.html">Fourth Link</a>
</p>
</MAP>

<p>
<a name="skipnav"></a>
Main page content begins here......
</p>

 

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

 

פתרון שני - קישור נראה

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

 

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

 28-01-04 / 23:54  עודכן ,  28-01-04 / 23:50  נוצר ע"י יואל דורף  בתאריך 
 דילוג על תפריטים: הסבר - הקודםהבא - דילוג על תפריטים: דוגמאות נוספות 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 3