ik wil op de site waar ik nu mee bezig ben wat basic functionaliteiten aanbieden voor screenreaders. get gaat me eigenlijk alleen om linkjes "ga naar content", "ga naar hoofdmenu", en bijvoorbeeld boven een menu een kopje "hoofdmenu" of "submenu". Ik had deze elementen alle een class "forscreenreaders" meegegeven, met een display: none; Ik vind het namelijk lelijk om die links en extra info voor alle gebruikers zichtbaar te laten. Om eens te kijken hoe een screenreader werkt, heb ik hier fangs (emulator voor FF) en de screenreader webformator geinstalleerd. In beide wordt echter de inhoud die display: none heeft niet weergegeven. Als alternatief heb ik in de class forscreenreaders height, width, font-size en line-height alle op 0 gezet. Dan zijn ze niet zichtbaar in IE en FF op windows, maar bv Opera, IE/mac en safari tonen ze nog wel.
De beste oplossing die ik kan bedenken is de verklarende kopjes "hoofdmenu" etc te laten schieten, en de links naar hoofdmenu en content als volgt op te lossen:
zo nemen de linkjes geen zichtbare ruimte in op de pagina, maar dankzij het title-attribuut is de link wel bruikbaar.
wat ook nog zou kunnen is de div absoluut positioneren met een top: -1000px.
Heeft er iemand meer ervaring met het maken van links voor screenreaders, en is dit een goede manier om het op te lossen? kleeft er een nadeel aan het gebruik van anchors zonder body?
De beste oplossing die ik kan bedenken is de verklarende kopjes "hoofdmenu" etc te laten schieten, en de links naar hoofdmenu en content als volgt op te lossen:
HTML:
1
2
3
4
| <div style="float: left; margin: 0; padding: 0; font-size: 0; line-height: 0;"> <a href="#content" title="spring naar content"></a> <a href="#hoofdmenu" title="spring naar hoofdmenu"></a> </div> |
zo nemen de linkjes geen zichtbare ruimte in op de pagina, maar dankzij het title-attribuut is de link wel bruikbaar.
wat ook nog zou kunnen is de div absoluut positioneren met een top: -1000px.
Heeft er iemand meer ervaring met het maken van links voor screenreaders, en is dit een goede manier om het op te lossen? kleeft er een nadeel aan het gebruik van anchors zonder body?