UniWiki:Manual of Style/Icons: Difference between revisions

Line 28:

===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: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 [[Wikipedia:Screen reader|screen readers]] or text-only browsers. To provide alt text, simply add the description to the end of the [[Wikipedia:Wikipedia:Extended image syntax|image markup]]: for example, "<code><nowiki>[[File:Skill.png|22px|Skills]]</nowiki></code>" generates an icon [[File:Skill.png|22px|Skills]] that has alt text "Skills".

==Flags==

@@ Line 28: / Line 28: @@
 ===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: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 [[Wikipedia:Screen reader|screen readers]] or text-only browsers. To provide alt text, simply add the description to the end of the [[Wikipedia:Wikipedia:Extended image syntax|image markup]]: for example, "<code><nowiki>[[File:Skill.png|22px|Skills]]</nowiki></code>" generates an icon [[File:Skill.png|22px|Skills]] that has alt text "Skills".
 ==Flags==