Wikipedia talk:WikiProject Usability/Clickable images

See Wikipedia talk:Accessibility

Participants
The following users are participating in this project:
 * surueña (talk)
 * —Quiddity
 * — Omegatron 15:16, 16 January 2007 (UTC)
 * Graham87
 * the wub "?!"  17:42, 1 March 2007 (UTC)
 * Nihiltres ( t .l ) 15:41, 26 July 2007 (UTC) (been removing 's for a while now, just found this.)
 * You can help!!

What to do?

 * 1) Make an inventory
 * 2) Find adequate solutions
 * 3) Fix similar problems (changes needed to MediaWiki?)

Substituted
Substituted, but the accessibility problems remain:
 * click (links) (to be fixed in the style sheet)
 * Featured article
 * Featured portal
 * Featured list
 * FeaturedPicture
 * Spoken Wikipedia boilerplate - can't replace with ImageMap yet since it takes parameters
 * Protected2
 * Sprotected2
 * Click-Inline (links) (Different solutions: 1. plain image (no links); 2. clickable SVG image; 3. MediaWiki extension like EasyTimeline)
 * Megalithic monuments in Ireland
 * National Historical Parks of the United States map
 * National parks of the United States map

Still using it

 * Unclickable images (replace with text)
 * cquote (protected) Just replaced, but this template must be watched and probably it needs some changes in the CSS
 * Cquote2
 * Rquote
 * Lquote : nominated for deletion


 * Top icons (banner/user box)
 * Featured topic (templates for deletion) (deleted)
 * Aprilfools
 * Administrator
 * Administrator-tan
 * Administrator3
 * ORBCOTW former
 * WPCVG
 * NoEditUserpage
 * PartofWPCANADA
 * embedded icons (direct use):
 * Flag of Canada: WikiProject Vancouver, WikiProject Toronto, WikiProject British Columbia, WikiProject Quebec, WikiProject Nova Scotia
 * Japanese Torii: WikiProject Japan, WikiProject Japanese prefectures, WikiProject Japanese districts and municipalites, WikiProject Japanese Bibliography, WikiProject Anime and manga, WikiProject Final Fantasy, WikiProject Square Enix, WikiProject Yu-Gi-Oh!, WikiProject Japan update, WikiProject Zoids, WikiProject Digimon Systems Update, Pokémon Collaborative Project, Japan-related topics notice board, WikiProject Owarai, WikiProject Japan/Orphaned Japan-related pages, WikiProject Japan/Dead-end Japan-related pages, WikiProject Trains in Japan&hellip;
 * Coat of arms of Portugal: WikiProject Portugal (embedded), also in WikiProject Portugal/Participants, WikiProject Portugal/Redirect requests, WikiProject Portugal/Orphaned Portugal-related pages, WikiProject Portugal/Dead-end Portugal-related pages, Requested articles/Portugal&hellip;
 * CVG controller: WikiProject Tycoon Computer Games (embedded), also in WikiProject Warcraft, WikiProject Massively multiplayer online games/Game Guidelines, WikiProject Massively multiplayer online games/Article Archive, WikiProject Visual novels, WikiProject Computer and video games/Magazines&hellip;
 * CVG controller: WikiProject Massively multiplayer online games/RuneScape Task Force, WikiProject Massively multiplayer online games/Guidelines, WikiProject Massively multiplayer online games/MMOGCM, WikiProject Massively multiplayer online games/News, WikiProject Massively multiplayer online games/Outreach
 * MK icon: WikiProject Mortal Kombat/head img


 * User boxes (normal images)
 * User browser:Firefox-Experimental
 * User WTUP
 * User WUUP
 * User WSUP
 * User WQUP
 * User WCUP
 * User WNUP
 * User WBUP
 * User WMUP
 * User WSPUP
 * User:Netmonger/HEC


 * WikiProjects (normal images)
 * WikiProject Anime and manga
 * Stargateproject
 * TalkMTV
 * Tube
 * WP London Transport
 * WikiProject Underground/Collaboration/COTM
 * WikiProject Education
 * Fishproject
 * WikiProject Sharks/SharksTalk
 * WikiProject Brighton/Talkpage
 * WikiProject Brighton/Collaboration/COTM
 * BBCproject
 * Undergroundconnect
 * WPHouston
 * WPFF Announce
 * ME-Announce
 * WPW Announce
 * WPSE Announce
 * WPFF Archives
 * WikiProject Singaporean Arts and Entertainment/Announce
 * WikiProject Fishes
 * WikiProject Sharks/Collaboration/SharksCOTF
 * WikiProject Architecture


 * Maps or diagrams (MediaWiki extension?)
 * Sefirot
 * DallasMap/road
 * MBTA Red Line
 * Station bullet
 * Alekseevskaya Line
 * Arbatsko-Pokrovskaya Line
 * Butovskaya Light Metro Line
 * Donetsk Metro
 * Filyovskaya Line
 * Gldani-Varketili Line
 * Kakhovskaya Line
 * Kalininskaya Line
 * Kaluzhsko-Rizhskaya Line
 * Koltsevaya Line
 * Kurenivsko-Chervonoarmiyska Line
 * Line 1 (Kharkiv Metro)
 * Line A (Prague Metro)
 * Line B (Prague Metro)
 * Line C (Prague Metro)
 * Lyublinskaya Line
 * M1 Line
 * Rail Runner route
 * Saburtalo Line
 * Saltovskaya Line
 * Serpukhovsko-Timiryazevskaya Line
 * Sokolnicheskaya Line
 * Sviatoshynsko-Brovarska Line
 * Syretsko-Pecherska Line
 * Tagansko-Krasnopresnenskaya Line
 * Tsentralno-Zavodska Line
 * Warsaw Metro
 * Zamoskvoretskaya Line
 * Navigation (?)
 * Infobox Software &mdash; probably the usage of that template is an error, so that code will be deleted
 * Navigationbox Desktopsearch
 * WikipediaSister
 * RD header
 * Help contents back
 * Back to LoBT
 * Wikipediasisteritalian - nominated for deletion
 * Wikipedia Signpost/ad
 * WikipediaWeekly-subscription
 * Sri Lankan Conflict
 * &hellip;


 * Several Portals:
 * WikimediaForPortals - can't use imagemap, needs a magic word
 * WikimediaForHorror
 * Wikimedia LIS Portal
 * Browsebar graphic
 * Current events highlights
 * Infobox Kerala portal (unused)
 * Portal icons (unused)
 * Portal:Zelda
 * Portal:Kazakhstan/Related portals
 * Portal:Journalism/Related portals
 * Portal:Visual arts/Relatedportals
 * Portal:Anime and manga/Related portals
 * Portal:Figure skating/Related portals
 * Portal:Dallas/Related portals
 * Portal:Music/Subportals
 * Portal:Vancouver/Related pages
 * &hellip;


 * Several user pages:
 * User:Froggydarb/custom
 * Froggydarb/toc
 * &hellip;


 * Articles using it directly:
 * San Antonio Spurs
 * Shelob
 * LZ 129 Hindenburg
 * Today's featured article/January 1, 2006
 * Tip of the day/July 10
 * Tip of the day/April 3
 * Led Zeppelin III
 * Maps
 * Category:Seasons in Swedish football:
 * 1910 in Swedish football
 * 1911-12 in Swedish football
 * 1912-13 in Swedish football
 * 1913-14 in Swedish football
 * 1914-15 in Swedish football
 * 1924-25 in Swedish football
 * 1925-26 in Swedish football
 * 1926-27 in Swedish football
 * 1927-28 in Swedish football
 * 1928-29 in Swedish football
 * 2005 in Swedish football
 * 2006 in Swedish football
 * 2007 in Swedish football

Similar templates

 * ClickA: Template:Emergency-bot-shutoff
 * Click-Inline: Template:User Austria, Template:User Austria (alternative), Template:User Kiev, Template:User Rome/2, Template:User Vienna, Template:Archive-inline, Template:Megalithic monuments in Ireland, Template:National Historical Parks of the United States map, Template:National parks of the United States map . Articles: List of West Virginia state parks. Also used in some user pages, an even in the User:PSIplus signature!
 * Noclick (unused): nominated for deletion (deleted)
 * Wikisourcesmall (unused): nominated for deletion (deleted)
 * Img-Link: only used in User:João Felipe C.S
 * User:Fir0002/click: only used in User:Fir0002
 * User:PSIplus/Click (unused)

Sister projects

 * m:Template:Click
 * b:Template:Click
 * s:Template:Click
 * v:Template:Click
 * n:Template:Click
 * wikt:Template:click
 * commons:Template:Click


 * w:als:Vorlage:Link-Bild
 * w:ar:قالب:Click
 * w:da:Skabelon:Klik
 * w:de:Vorlage:Link-Bild
 * w:eo:Ŝablono:Click
 * w:eu:Txantiloi:Lotura iruditik
 * w:fr:Modèle:Lien sur image
 * w:ko:Template:그림고리
 * w:na:Template:Click
 * w:nl:Sjabloon:Klik
 * w:no:Mal:Klikk
 * w:pl:Szablon:Klik
 * w:pt:Predefinição:Click
 * w:vi:Tiêu bản:Hình tượng
 * w:zh:Template:Click


 * MediaWiki &mdash; Template:Click

Other CSS hacks

 * Category:Graphic templates
 * Superimpose


 * Clickable images:
 * Judaism

Documentation
Documentation about CSS hacks:
 * WikiProject User Page Help/Do-It-Yourself/Formatting Pictures

Log messages
Template:Click replaced with ImageMaps. See WikiProject Usability/Clickable images

= Discussion =

Vote for deletion
Although there were a clear consensus about the problems caused by the Template:Click, the result of its vote for deletion was "no consensus" because this template is used in thousands of pages. However, great ideas were proposed to fix the accessibility problems, and I've started to replace it. Meanwhile, probably the best solution is to propose in the Village Pump editing MediaWiki:Monobook.css to use an style sheet for the top icons (featured star, protected lock, and spoken article), and the quotation marks of cquote. Finally, the template should be proposed for deletion again. --surue&ntilde;a 17:04, 26 December 2006 (UTC)


 * What have you replaced it with though? Now clicking on an image just goes through to the image's page.Madder 23:42, 8 January 2007 (UTC)


 * Where? Isn't a plain link next to the image that going to the desired page? I need more info, please. --surue&ntilde;a 11:30, 9 January 2007 (UTC)


 * You say "great ideas were proposed to fix the accessibility problems, and I've started to replace it" - but what have you replaced it with? On Portal:Music for example, you haven't replaced anything - you've just deleted it. Madder 16:05, 12 January 2007 (UTC)


 * I'm afraid you don't understand the problems caused by this template. We aren't against clickable images, we are against this template because it is bad for Wikipedia. In fact, AFAIK MediaWiki has special syntax for clickable images (of course, with no accessibility or browser compatibility problems), but it is disabled in the Wikipedia (I suppose due to copyright and usability problems). I agree clickable images are very cute, but template:click has too many problems (don't you think accessibility is more important than a pretty portal?). Ask Jimbo to enable that special syntax is you really want clickable images (maybe there it can be enabled in User: or Portal: namespaces without disrupting the articles).
 * And I'd like to clarify we haven't deleted anything, we have replaced (or are going to replace) pages using this template with equivalent contents. The proposed ideas successfully fixed Template:cquote (et al.), and we are currently working to fix the featured article top icon (et al.). However, I'm afraid portal's clickable images cannot retain its clickable nature (unless that special syntax is enabled), but the links still remain, so the functionality is the same. If we have replaced the clickable image without adding the link please, let us know to fix it.
 * As I said, I think you don't understood the problems caused by this template, but it's our fault because probably we haven't clarified the purpose of this project, and followed process. It's my fault because I'm the main contributor, so I'm sorry. I will document better the project, the info is scattered and sometimes not very explicit. Have I answered your question? Best regards, --surue&ntilde;a 15:29, 14 January 2007 (UTC)
 * I'm not against improving accessibility. On the contrary, I think it is something that should be taken extremely seriously. However, from what I can see from all the discussions about template:click, the consensus was that it should be removed from use when a replacement had been found. But what you're doing is removing the functionality. You're replacing clickable images with nothing. Madder 14:17, 15 January 2007 (UTC)
 * Where's the consensus for this? WP:ARCH already had text alternatives to clicking on the images next to it - looks like a solution trying to find a problem. --Mcginnly | Natter 13:29, 20 January 2007 (UTC)


 * Template:Click has many accessibility problems, also in WP:ARCH due to the overlinking. However, now that ImageMap is available we are restoring the clickable images with this new method (with no accessibility problems), sorry for any inconvenience caused. Best regards --surue&ntilde;a 18:12, 21 January 2007 (UTC)

Template:ClickA
Template:ClickA is very similar to click, but it creates an external link instead of an internal one. It is only used as a shut-down button for bots. I think this can be easily fixed creating another template named shutdown or something like that which sole purpose is to create an extremely big "shut-down" red link, and thus being totally accessible (not as pretty, but more intuitive than a red circle). --surue&ntilde;a 17:10, 26 December 2006 (UTC)

TfD nomination of Template:Wikisourcesmall
Template:Wikisourcesmall has been nominated for deletion. You are invited to comment on the discussion at the template's entry on the Templates for Deletion page. Thank you. --surue&ntilde;a 21:09, 27 December 2006 (UTC)

TfD nomination of Template:Noclick
Template:Noclick has been nominated for deletion. You are invited to comment on the discussion at the template's entry on the Templates for Deletion page. Thank you. --surue&ntilde;a 21:09, 27 December 2006 (UTC)

Disagreement
This policy contradicts what is detailed on Template talk:Click. Also, this policy seems to have been created and being enforced upon other areas by a single user. For those reasons I have reverted your work on Portal:Vancouver. Thank you. Mkdw talk 04:14, 12 January 2007 (UTC)


 * Note: copied from User talk:Suruena:
 * Hello Mkdw, thank you for being interested in this accessibility effort. I don't know whether this can be considered an "official" project of the Usability WikiProject, but I have contributed to other projects under the umbrella of this one also without any links from the main page of the wikiproject, like WikiProject Usability/Infobox accessibility. But I can say this is an official accessibility project. And yes, sadly very few people are currently active contributors of these projects (note that in the "infobox accessibility" project we were only 3). However, I wouldn't say I'm the only contributor / enforcer of this project: this issue was discussed in a vote for deletion of template:click, but it wasn't deleted because template:click was used in thousand of pages. This project tries to change that. The wikipedians that participated in that vote for deletion acknowledge this policy, and have helped me to fix some pages, but I agree with you I'm currently the only active contributor (but anyone can join me).
 * But I don't agree with you the changes I "have made to the portals directly conflicts with the usage policy for Template:Click", quite the reverse: Template:Click clearly say this template shouldn't be used "unless absolutely necessary," and I think those pages weren't following that policy. If you want, we can discuss this at the village pump. Best regards, --surue&ntilde;a 20:07, 12 January 2007 (UTC)

Solution for diagrams and maps
I'm still working on how to fix the articles using template:click to put text links over an image (for example, template:sefirot). This can't be fixed without using a similar CSS hack, so I think we need something new. I was thinking in a new extension like EasyTimeline, but is this extension accessible? Can the created imagemaps be easily read by a screen reader? For example, using lynx I can't read the years in office of the first example of EasyTimeline, only the surnames of the Russian presidents. I was thinking to ask the original developer of EasyTimeline to make a similar extension for "clickable maps", but other ideas are also welcomed. Best regards, --surue&ntilde;a 22:34, 14 January 2007 (UTC)


 * EasyTimeline isn't accessible and I brought this up at Wikipedia talk:Accessibility . Therefore it can't be used as a replacement. I read on the Wikitech mailing list that someone had come up with a new image syntax that could do what does now. I don't know how that's progressing. In my opinion  is the lesser of two evils in that it will give all the required information (plus more garbage), but the timelines won't give enough. I would rather get extra garbage than miss out on what a sighted person sees. Graham 87  03:37, 15 January 2007 (UTC)


 * I see... so we also need to fix EasyTimeline (like if we haven't enough work... :-) I will think a little more about this... Thanks! --surue&ntilde;a 09:30, 15 January 2007 (UTC)

My problem with Template:Click
The main problem I have with is the garbage it produces; not all screen readers read the Wikipedia CSS, mostly because of performance issues. Therefore in my case with JAWS 5.1, I get the image description read three times - the first and third time with a link to the image description page and the second time with a link to the page that is linked in the template. I can find the link just fine but the caption shouldn't be displayed three times for those using non-CSS browsers. I'm not sure how to modify the main page to acknowledge this fact - template:click is still usable, but there is a lot more extraneous text if browsing Wikipedia without CSS support and this extraneous text is confusing. Graham 87 07:14, 15 January 2007 (UTC)

Problems caused
Note: moved from project page: The above comments were added by GunnarRene
 * Accessibility: Those links can't be read by screen readers, so blind users can't follow them. As a W3C standard says, it should be possible to read every web page without style sheets.
 * Clickable images should supplement, not replace, text links.
 * By giving the image link a title, the alt attribute and the title attribute can show text for text-only browsers, Braille readers etc. See something called the HTML standard from W3C.
 * Usability: Breaks the user notion of "clicking on every image I go to its description page".
 * Counter-example: A pure image link breaks the notion that clicking an icon leads to the relevant page or functionality. (See also that Wikipedia logo on this page. It leads to the main page.)
 * Browser compatibility: It doesn't work in Safari, in text-only browsers, and in screen readers for the disabled as explained above, and possibly other situations.
 * Clickable images should supplement, not replace, text links.
 * It works in Safari too.
 * Copyright: Image descriptions cannot be reached, so their license isn't available.
 * License is available even if the image is not clickable.


 * Please, read the project objectives again: we aren't against clickable images, which of course in general are perfectly accessible, usable, and compatible. However, this is hard to do in Wikipedia, and this template has many problems and cannot be fixed. But if you found the magic recipe to fix it I will be the wikipedian more interested in knowing it, because I'm devoting much of my time to fix this issue. Any ideas?
 * There isn't any other clickable image apart the Wikipedia logo, which is outside the wiki area so it doesn't count.
 * Clickable images shouldn't be complemented by text links with the same destination: that's overlinking (see comment by Graham87). It's true that a redundant text link will reduce the effects of the browser-compatibility problem, however too many users don't add those "back-up" links. That's the problem with this template, it is easily abused.
 * What do you mean with "License is available even if the image is not clickable"?
 * And thanks for inform us that it works in Safary, I'm updating the documentation. Best regards, --surue&ntilde;a 09:24, 15 January 2007 (UTC)
 * Simple solution temporary solution: Make the template click itself make a text link as well as a clickable image area. Substing this template makes it even harder to correct the behaviour when a better solution is made. (Unless you keep up with it in some other way.)
 * The url to the image is available from the browser, as well as in the page source, and the location of the image description page is trivially inferred from that. Having the author information available by clicking on the image is actually not a much better attribution; if we wanted to ensure always-visible image attribution on every view of wikipedia, then the image attribution and copyright information would need to appear in every image caption and/or in a list at the bottom of every article. --GunnarRene 06:04, 16 January 2007 (UTC)

Clickable images shouldn't be complemented by text links with the same destination


 * What you really want is a link with a background image. — Omegatron 15:14, 16 January 2007 (UTC)

Extension:ImageMap
Will the ImageMap extension be a viable replacement for ? It's recently been added to MediaWiki and it's enabled on Wikipedia. I wouldn't have a problem with it as long as descriptions are used sensibly (i.e. they describe the image in a straightforward way). Graham 87 07:08, 17 January 2007 (UTC)
 * Maybe not at this very moment, see Extension talk:ImageMap for the problems with it. Graham 87 07:28, 17 January 2007 (UTC)
 * Yes, this can be used to implement "related portal" links. It just can't be used in templates right now.  Rather than removing click from portals, an alternative such as using ImageMaps must be implemented to keep the functionality.  It's not okay for someone to go in and remove click and not set up an alternative. --Aude (talk) 14:11, 20 January 2007 (UTC)
 * See Portal:Criminal justice/Related portals for how this is implemented. --Aude (talk) 14:12, 20 January 2007 (UTC)
 * That sounds much better in screen readers than the use of . I just hope the bugs on Bugzilla relating to the extension can be fixed soon. Graham 87 14:26, 20 January 2007 (UTC)
 * Yes, this is a big step, I didn't know anything like that was currently enabled. However, IMHO it still presents overlinking, but this accessibility problem is by far minor compared to the situation before where some pages where completely inaccessible. I will start to understand how to use it! --surue&ntilde;a 17:13, 21 January 2007 (UTC)

I think rather than mass removal of click on portals, the ImageMap extension should be used for the "related portals". Sure, it takes more time to go in and set this up properly, but it needs to be done. I'm sure in due time, bugs will be worked out. There will always be bugs with something new. --Aude (talk) 14:29, 20 January 2007 (UTC)


 * Notice about this discussion has been posted on the Village pump. I was not aware of mass removals were about to happen.  Was this discussed before on Village Pump?  I think broader input on alternatives is required and when click is removed, an alternative must be set up in its place. --Aude (talk) 14:43, 20 January 2007 (UTC)


 * Sorry, I didn't know that changes like that should be discussed in the Village pump. I had planned to discuss there the changes needed to MediaWiki:Monobook.css, and I even proposed to move the discussion to the Village pump when a wikipedian show his objections about the project, however he showed no further interest although the project was stopped due to his objections. I have a posted the complete story in the Village pump. Sorry again, but the ImageMap extension changes everything. --surue&ntilde;a 16:57, 21 January 2007 (UTC)


 * See WP:DISCUSS. I mean no disrespect, but this change affects hundreds of pages.  People should be aware and make sure there is some consensus on a course of action.  Village pump (technical) is also a good place to post, so that you get input from people most familiar with the technical aspects of Wikipedia and can help find alternatives. With ImageMap, I think we have a solution that people would be agreeable to. --Aude (talk) 17:07, 21 January 2007 (UTC)

Mass template removals to portals
Until this project has consensus, please do not make mass removals of this template to portals or anything else. pschemp | talk 16:14, 20 January 2007 (UTC)


 * It has consensus. — Omegatron 20:00, 20 January 2007 (UTC)
 * Where?--- Safemariner 21:45, 20 January 2007 (UTC)
 * This project is an example of a group of people imposing their will on the whole of wikipedia because of their personal tastes and opinion. Projects like this give Wikipedia a bad name --- Safemariner 21:37, 20 January 2007 (UTC)


 * The vote for deletion to that template was clear: it has too many problems and should be deleted but "by no means can one admin and one TfD fix this issue", so this project was created because it was too much work for one admin. Maybe this project should have be first discussed in the Village pump, now I know that, but we haven't imposed anything: the project was stalled when one wikipedian complained about it. Best regards, --surue&ntilde;a 17:07, 21 January 2007 (UTC)