Hi,
<a href="javascript:document.body.style.fontSize='0.7em';us_schriftgroesse=0.7;document.cookie=contrastScheme+'_'+us_schriftgroesse;void(null)"><img border="0" src="../Images/small1.png" width="28" height="16"></a>
<a href="javascript:document.body.style.fontSize='0.8em';us_schriftgroesse=0.8;document.cookie=contrastScheme+'_'+us_schriftgroesse;void(null)"><img border="0" src="../Images/medium1.png" width="28" height="16"></a>
<a href="javascript:document.body.style.fontSize='1em';us_schriftgroesse=1;document.cookie=contrastScheme+'_'+us_schriftgroesse;void(null)"><img border="0" src="../Images/big1.png" width="28" height="16"></a> </div>
</div></td>
Das ist in mindestens 5 Punkten nicht barrierefrei:
1. Du verwendest Javascript, was deaktiviert sein kann, und gibst die "Links" zudem auch aus, wenn dies der Fall ist und der Besucher nichts damit anfangen kann.
2. Ich bin mir nicht ganz sicher, aber document.body dürfte nicht in jedem Browser funktionieren.
3. Du gibst die fontSize für das (vermutlich) äußerste Element in em an - der IE hat hiermit erhebliche Probleme - verwende %.
4. Das Linkziel ist ein img ohne Alternativtext; hier dürfte auch zusätzlich ein title-Attribut angebracht sein.
5. Du verwendest offenbar eine Layout-Tabelle.
freundliche Grüße
Ingo