Template:Click: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden;"> |
|||
Click |
|||
<div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3;">[[{{{link}}}| ]]</div> |
|||
<div style="position: absolute; top: 0px; left: 0px; z-index: 2;">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div> |
|||
</div> |
|||
<noinclude> |
|||
'''Usage:''' <nowiki>{{Click | image=myimage.png | link=PageName | width=10px | height=10px}}</nowiki> |
|||
This template attempts to superimpose an invisible link on an image. It doesn't work in [[w:Safari (web browser)|Safari]], in text-only browsers, and in screen readers for the disabled, and possibly other situations. The technique of using [[w:CSS|CSS]] to change page content also completely breaks an article's [[w:web accessibility|web accessibility]] by contravening a [[w:WAI|WAI]] priority-one checkpoint.[http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets] Please try to avoid using this template unless absolutely necessary. |
|||
</noinclude> |
|||
Revision as of 15:07, 14 October 2006
Usage: {{Click | image=myimage.png | link=PageName | width=10px | height=10px}}
This template attempts to superimpose an invisible link on an image. It doesn't work in Safari, in text-only browsers, and in screen readers for the disabled, and possibly other situations. The technique of using CSS to change page content also completely breaks an article's web accessibility by contravening a WAI priority-one checkpoint.[1] Please try to avoid using this template unless absolutely necessary.