Difference between revisions of "Template:Click/doc"

From CrawlWiki
Jump to: navigation, search
m (Fixed broken links)
m (Fixed broken link)
Line 13: Line 13:
 
It doesn't work 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 Web Accessibility Initiative priority-one checkpoint.[http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets]  
 
It doesn't work 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 Web Accessibility Initiative priority-one checkpoint.[http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets]  
  
[[Extension:ImageMap]] can achieve the same effect and much more.  
+
[http://www.mediawiki.org/wiki/Extension:ImageMap Extension:ImageMap] can achieve the same effect and much more.  
  
 
== See also ==
 
== See also ==

Revision as of 12:55, 21 May 2014

Template:Documentation subpage

Usage

Usage format:

{{Click | image=myimage.png | link=PageName | width=10px | height=10px}}

This template attempts to superimpose an invisible link on an image, such that clicking on the image does not take you to the image description page (normal behaviour).

It's useful for small icons/logos which are representative of an article, and which a user might click on expecting to be taken to that article. Here we are using it on the Main Page for example. It's use should minimised because of the following problems.

Problems

It doesn't work 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 Web Accessibility Initiative priority-one checkpoint.[1]

Extension:ImageMap can achieve the same effect and much more.

See also