Jump to content

Wikipedia:Manual of Style/Icons

From Wikipedia, the free encyclopedia

The use of icons in Wikipedia encyclopedic project content – mainly lists, tables, infoboxes, and navboxes – can provide useful visual cues, but can also present a number of problems. Guidance on principal issues is summarized below, followed by more in-depth discussion of each.

For the purposes of this guideline, icons encompasses any small images – including logos, crests, coats of arms, seals, flags – or other decoration, whether produced by small image files, typographic dingbats, emojis, or CSS display manipulation.

Icons

[edit]

Appropriate use

[edit]

Icons may be helpful in certain situations:

Inappropriate use

[edit]

Do not use icons in general article prose

[edit]

Icons should not be used in prose in the article body, as in "Jackson moved to Bristol, England England, in April 2004." This breaks up the continuity of the text, distracting the reader (example).

Encyclopedic purpose

[edit]
Don't add things like this just to decorate an article.

Icons should serve an encyclopedic purpose and not merely be decorative. They should provide additional useful information on the article subject, serve as visual cues that aid the reader's comprehension, or improve navigation. Icons should not be added only because they look good: one reader's harmless decoration may be another reader's distraction. An icon is purely decorative if it does not improve comprehension of the article subject and serves no navigational function. Where icons are used for layout purposes only, consider using bullet points as an alternative.

Do not put icons or other images in section headings; this is an accessibility problem.

Do not use too many icons

[edit]

When icons are added excessively, they clutter the page and become redundant, as in this sportsperson's infobox. Pages with excessive icons can also cause loading problems for some people, and pages with over 1,000 images will have some formatting features disabled on the mobile website.[1]

Do not re-purpose icons beyond their legitimate scope

[edit]

Icons can represent a specific entity and should not be re-purposed to represent something else, e.g. because an actually appropriate flag is not available. For example, do not use the 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.

Do not distort icons

[edit]

Do not modify or use non-generic icons in a way that is not notably used outside of Wikipedia. See Wikipedia:OR#Original images for further clarification. One example of such a distortion is a user-modified fusing of North American flags to represent a narrow definition of "North America" as a whole.

Do not illustrate or introduce unpublished ideas

[edit]

Remember accessibility for people with visual impairment

[edit]

Every functional icon should have 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 readers or text-only browsers. To provide alt text, simply add the description to the end of the image markup: for example, "[[File:Wikiquote-logo.svg|30x30px|link=Wikiquote:Special:Search|Search Wikiquote]]" generates an icon Search Wikiquote that links to Wikiquote:Special:Search and has alt text "Search Wikiquote".