W3C ijkpunt 12.1 Geef elk frame een titel, zodat je identificatie en navigatie van een frame vergemakkelijkt

Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.

Beschrijving

Door het gebruik van frames wordt een pagina verdeeld in verschillende segmenten. Ieder segment geeft de inhoud van een aparte pagina weer. Om effectief te kunnen navigeren, moet de inhoud van elk frame bekend zijn. Voor mensen die gebruik maken van standaardbrowsers is dit in één oogopslag te zien. Voor mensen die gebruik maken van hulpapparatuur is dit lastiger te bepalen. Vooral blinde surfers bekijken een site frame voor frame. Het is dan handig om aan de framenamen te kunnen zien waar men heen moet. Wanneer frames van toepasselijke titels zijn voorzien kunnen deze gebruikers inschatten wat de inhoud van een pagina is voor de hele pagina wordt geladen of gelezen. Hiermee wordt de navigatie van een website voor gebruikers van hulpapparatuur sterk verbeterd.
Frames zijn een nogal achterhaalde techniek op het internet. De Webrichtlijnen verbieden het gebruik van frames op overheidswebsites. Dit geldt voor zowel reguliere frames binnen framesets, als zogenaamde iframes. Voor de W3C prioriteit 1 en Drempelvrij richtlijnen mogen frames nog wel.

Relevante Webrichtlijnen: R-pd.2.5, R-pd.12.1.

Voordelen

• Blinden en slechtzienden kunnen door middel van hulpapparatuur en aan de hand van frametitels een overzicht krijgen van alle frames en hun inhoud. Hiermee kunnen ze sneller navigeren naar de informatie waar ze geïnteresseerd in zijn.

Criteria voor toetsing

Het volgende is waar:

• De Frameset variant van HTML 4.01 of XHTML 1.0 wordt niet gebruikt
• De frameset, frame en/of iframe elementen worden niet gebruikt; niet in de code en ook niet in script.

Voorbeeld

Frames voor menu en inhoud

In het verleden werden frames vooral gebruikt om bijvoorbeeld het menu op te roepen. Door op een item te klikken werd in het naastliggende frame een andere pagina geladen. Tegenwoordig is het veel beter om dat via de server te doen met bijvoorbeeld PHP of ASP. Voor mensen die deze technieken niet beheersen is er de mogelijkheid van pre-processing.
De afbeelding hieronder toont een simpel voorbeeld van een webpagina, die is onderverdeeld in drie frames. Wanneer je in een dergelijke pagina op een menu-item klikt in frame B, wordt de pagina in frame C geladen. Op deze manier wordt alleen de inhoud van frame C veranderd en blijven de overige frames hetzelfde.

Uitvoer naar hulpapparatuur

In sommige hulpapparatuur wordt de inhoud van slechts één framepagina tegelijk getoond. Een voorbeeld van een dergelijk programma is de IBM HomePageReader (zie D in de onderstaande afbeelding). Met behulp van deze apparatuur kan een overzicht van de frameset gegenereerd worden. Hiermee is het mogelijk om op een goede manier tussen de framepagina's te navigeren. Andere hulpapparatuur geeft één overzicht waarop alle frames en hun inhoud staat. Een voorbeeld van een dergelijk programma is de WebFormator (E).
Wanneer er geen goede titels worden gebruikt, is het niet mogelijk om te bepalen welk frame geselecteerd dient te worden.

Oplossingen

De frametitels kun je ingeven aan de frames in de frameset van de pagina (dit geldt ook voor zogenaamde inline frames <iframe>). In de volgende code zie je een voorbeeld van een juiste frameset waarbij onder andere het title-attribuut aan het element <frame> is meegegeven:

1. <frameset rows="81,*">
2. <frame title="titel" name="titel" src="titel.htm">
3. <frameset cols="20%,*">
4. <frame title="navigatie" name="navigatie" target="main" src="navigatie.htm">
5. <frame title="inhoud" name="inhoud" src="inhoud.htm">
6. </frameset>
7. <noframes>
8. <a href="inhoudsite.html">Inhoudsopgave van site</a>
9. <!-- andere navigatielinks die in het frame -inhoud- staan, staan hier ook-->
10. </noframes>
11. </frameset>

Extra

In het bovenstaande voorbeeld is gebruik gemaakt van procentuele aanduidingen (relatieve grootte) conform een prioriteit 2 ijkpunt. De 'noframes' aanduiding is er voor mensen die gebruik maken van browsers die geen of slecht frames ondersteunen (webtv, sommige tekstbrowsers, etc.). Zij worden hier verwezen naar een pagina die wel toegankelijk is.

In de broncode zijn frametitels gebruikt, om de navigatie voor mensen met hulpapparatuur te verrgemakkelijken. Alhoewel het strikt genomen niet onder een ijkpunt valt, is het belangrijk om bovendien te zorgen voor duidelijke paginatitels. In de praktijk blijkt dat sommige schermleesprogramma's de paginatitel of het name-attribuut in plaats van de frametitel gebruiken. Wanneer je voorziet in zowel een duidelijke pagina- als frametitel, vergroot dit de toegankelijkheid van sites waarbij frames gebruikt worden sterk.

Definities

Geen

Verwijzingen

• R-pd.2.5 Gebruik geen frames op overheidswebsites. Gebruik daarom ook niet van HTML 4.01 of XHTML 1.0 de Frameset variant.
• R-pd.12.1 Gebruik geen frames op overheidswebsites. Dit geldt voor zowel reguliere frames binnen framesets, als zogenaamde iframes.