More actions
| Line 27: | Line 27: | ||
Icons can represent a specific entity and should not be repurposed to represent something else, e.g. because an actually appropriate flag is not available. For example, do not abuse the [[Wikipedia:flag of the United Nations|flag of the United Nations]] to represent the entire world, as this is not an accurate application of the official flag of that international organization. | Icons can represent a specific entity and should not be repurposed to represent something else, e.g. because an actually appropriate flag is not available. For example, do not abuse the [[Wikipedia:flag of the United Nations|flag of the United Nations]] to represent the entire world, as this is not an accurate application of the official flag of that international organization. | ||
===Remember accessibility for the visually impaired=== | ===Remember accessibility for the visually impaired=== | ||
Every functional icon should have [[Wikipedia:Alternative text for images|alt text]], which is text describing the visual appearance of the image. Failure to provide this alt text will often make the icon meaningless or confusing to those using [[screen reader]]s or text-only browsers. To provide alt text, simply add the description to the end of the [[Wikipedia:Extended image syntax|image markup]]: for example, "<code><nowiki>[[File:Commons-logo.svg|30x30px|link=Commons:Special:Search|Search Wikimedia Commons]]</nowiki></code>" generates an icon [[File:Commons-logo.svg|30x30px|link=Commons:Special:Search|Search Wikimedia Commons]] that links to ''[[Commons:Special:Search]]'' and has alt text "Search Wikimedia Commons". [[mw:Extension:ImageMap|Image maps]] should specify alt text for the main image and for each clickable area; see ''[[Wikipedia:Alternative text for images#Image maps|Image maps]]'' and {{tl|English official language clickable map}} for examples. | Every functional icon should have [[Wikipedia:Alternative text for images|alt text]], which is text describing the visual appearance of the image. Failure to provide this alt text will often make the icon meaningless or confusing to those using [[screen reader]]s or text-only browsers. To provide alt text, simply add the description to the end of the [[Wikipedia:Extended image syntax|image markup]]: for example, "<code><nowiki>[[File:Commons-logo.svg|30x30px|link=Commons:Special:Search|Search Wikimedia Commons]]</nowiki></code>" generates an icon [[File:Commons-logo.svg|30x30px|link=Commons:Special:Search|Search Wikimedia Commons]] that links to ''[[Commons:Special:Search]]'' and has alt text "Search Wikimedia Commons". [[mw:Extension:ImageMap|Image maps]] should specify alt text for the main image and for each clickable area; see ''[[Wikipedia:Alternative text for images#Image maps|Image maps]]'' and {{tl|English official language clickable map}} for examples. | ||