Template

Click: Difference between revisions

From HLT@INESC-ID

No edit summary
 
mNo edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden">
<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3">[[{{{link}}}|&nbsp;&nbsp;&nbsp;]]</div>
<div style="position: absolute; top: 0px; left: 3px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3; color: transparent;">{{{link}}}</div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div>
</div>
</div>
<noinclude>
<noinclude>
This template attempts to superimpose an invisible link on an image.  It doesn't work in [[wikipedia:Safari (web browser)|Safari]], in text-only browsers, and in screen readers for the disabled, and possibly other situations.  The technique of using [[wikipedia:CSS]] to change page content also completely breaks an article's [[wikipedia:web accessibility]] by contravening a [[wikipedia: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.
This template attempts to superimpose an invisible link on an image.  It doesn't work in [[Safari (web browser)|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.[http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets]  Please try to avoid using this template unless absolutely necessary.
 
See also [[Template:Titled-click]]


See also [[wikipedia:Template:Titled-click]]
http://en.wikipedia.org/w/index.php?title=Template:Click&action=edit
http://en.wikipedia.org/w/index.php?title=Template:Click&action=edit
</noinclude>
</noinclude>

Latest revision as of 13:48, 1 May 2006

{{{link}}}
[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]

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.

See also Template:Titled-click

http://en.wikipedia.org/w/index.php?title=Template:Click&action=edit