טכניקות
- השתמשו בתכונות ה- TITLE וה- NAME כדי לתת כותרת מתאימה לכל מסגרת. השתמשו בכותרות שמתארות את תוכן המסגרת, כגון "ניווט", ו"תוכן עיקרי", ולא "מסגרת ימנית" וכו'.
- תנו לכל דף כותרת משמעותית בעזרת אלמנט ה- TITLE (בין תויות ה- HEAD). פעמים רבות המפתחים מוותרים על כותרות לכל המסגרות, מפני שכותרות אלה אינן מופיעות בחלק העליון של חלון הדפדפן. אך אין לעשות זאת, מפני שקוראי מסכים קוראים ומשתמשים בכותרות אלה.
- השתמשו בתוית ה- NOFRAMES על מנת לספק אלטרנטיבה לדפדפנים ולטכנולוגיות מסייעות שאינם תומכים במסגרות. תוית ה- NOFRAMES צריכה לקשר לגרסא של האתר שאינה משתמשת במסגרות, או להראות את כל האופציות לניווט באתר, ולתת גישה לדף הרצוי. אל תשימו שם הודעה שתאמר לאנשים שהם צריכים לשדרג את הדפדפן כדי שיוכלו לחוות את האתר שלכם בכל הדרו.
- ציינו את גודלה של כל מסגרת באחוזים, כדי שהמסגרות יתאימו גם אם משנים את גודל החלון.
דוגמא לא נגישה
דף המסגרות:
<FRAMESET cols="200, 600" title="Online patient education library">
<FRAME src="xyz.html">
<FRAME src="abc.html"">
<NOFRAMES>Your browser doesn't appear to support frames.
</NOFRAMES>
</FRAMESET>
הכותרות של xyz.html ושל abc.html הן:
<HEAD>
<TITLE>new page</TITLE>
</HEAD>
<HEAD>
<TITLE>none</TITLE>
</HEAD>
הפלט בלינקס:
FRAME: XYZ.HTML
FRAME: ABC.HTML
הפלט בדפדפן שלא תומך במסגרות:
You'r browser doesn't appear to support frames.
הפלט בקורא מסך:
new page
none
משתמש לקוי ראיה צריך לעקוב אחר הקישור ל- abc.html ול- xyz.html לפני שיהיה לו מושג על מה הם מדברים. משתמש שהדפדפן שלא לא תומך במסגרות מנוע לחלוטין משימוש באתרכם (וגם העלבתם אותו), ובגלל שרוחבי הטורים מיוצגים בפיקסלים ולא באחוזים, משתמש שהחלון שלו צר יותר מ- 800 פיקסלים יתקשה להשתמש באתר.
דוגמא נגישה
דף המסגרות:
<FRAMESET cols="10%, 90%" title="Online patient education library">
<FRAME src="xyz.html" name="Site table of contents" title="Site table of contents">
<FRAME src="abc.html" name="Library Documents" title="Library Documents" >
<NOFRAMES>
<A href="lib.html" title="Library link">
Go to the patient education library</A>.
</NOFRAMES>
</FRAMESET>
הכותרות של xyz.html ו- abc.html:
<HEAD>
<TITLE>Site Table of Contents</TITLE>
</HEAD>
.
<HEAD>
<TITLE>Library Documents</TITLE>
</HEAD>
הפלט ב- Lynx או בקורא מסך:
Site Table of Contents
Library Documents
הפלט בדפדפן שלא תומך במסגרות:
Go to the patient education library
גולשים מקוונים: 8