More actions
| Line 608: | Line 608: | ||
=== Formatting issues === | === Formatting issues === | ||
{{see also| | {{see also|UniWiki:Manual of Style/Text formatting}} | ||
Typically, the use of custom font styles will: | Typically, the use of custom font styles will: | ||
* reduce consistency, since the text will no longer look uniform; | * reduce consistency, since the text will no longer look uniform; | ||
* reduce usability, since it might be impossible for people with custom style sheets (for accessibility reasons, for example) to override it, and it might clash with a different [[Skin (computing)|skin]] as well as inconvenience people with color blindness (see below); and | * reduce usability, since it might be impossible for people with custom style sheets (for accessibility reasons, for example) to override it, and it might clash with a different [[Wikipedia:Skin (computing)|skin]] as well as inconvenience people with color blindness (see below); and | ||
* cause disputes, since other editors may disagree aesthetically with the choice of style. | * cause disputes, since other editors may disagree aesthetically with the choice of style. | ||
Outside article text, different font sizes are routinely used in navigation templates and [[Wikipedia:Infobox|infoboxes]], tables (especially in larger ones), and some other contexts where alternatives are not available (such as table captions). Specify font sizes {{em|relatively}} (for example in CSS with <code>font-size: 85%</code>) rather than {{em|absolutely}} (like <code>font-size: 8pt</code>). | Outside article text, different font sizes are routinely used in navigation templates and [[Wikipedia:Wikipedia:Infobox|infoboxes]], tables (especially in larger ones), and some other contexts where alternatives are not available (such as table captions). Specify font sizes {{em|relatively}} (for example in CSS with <code>font-size: 85%</code>) rather than {{em|absolutely}} (like <code>font-size: 8pt</code>). | ||
==== Color coding ==== | ==== Color coding ==== | ||
{{main|UniWiki:Manual of Style/Accessibility#Color}} | |||
{{main | |||
Information should be accessible to all. Do not use color {{em|alone}} to mark differences in text: they may be invisible to people with [[color blindness]]. Also, black-and-white printouts, older computer displays with fewer colors, and monochrome displays (older [[Personal digital assistant|PDAs]] and cell phones) cannot show such distinctions. | Information should be accessible to all. Do not use color {{em|alone}} to mark differences in text: they may be invisible to people with [[Wikipedia:Color blindness|color blindness]]. Also, black-and-white printouts, older computer displays with fewer colors, and monochrome displays (older [[Wikipedia:Personal digital assistant|PDAs]] and cell phones) cannot show such distinctions. | ||
Choose colors that can be distinguished by the readers with the commonest form of colorblindness ([[Color blindness#Red-green color blindness|red–green]]), such as [[maroon (color)|<span style="background: white; color: maroon">maroon</span>]] and [[teal|<span style="background: white; color: teal">teal</span>]]; and {{em|additionally}} mark the differences with change of font or some other means ([[maroon (color)|<span style="background: white; font-family: Georgia, serif; color: maroon; font face: Times New Roman">maroon and alternative font face</span>]], [[teal|<span style="background: white; color: teal">teal</span>]]). Avoid low contrast between text and background colors. Viewing the page with [http://colorfilter.wickline.org/ Wickline] can help with the choice of colors. See also [[color coding]]. | Choose colors that can be distinguished by the readers with the commonest form of colorblindness ([[Wikipedia:Color blindness#Red-green color blindness|red–green]]), such as [[maroon (color)|<span style="background: white; color: maroon">maroon</span>]] and [[teal|<span style="background: white; color: teal">teal</span>]]; and {{em|additionally}} mark the differences with change of font or some other means ([[maroon (color)|<span style="background: white; font-family: Georgia, serif; color: maroon; font face: Times New Roman">maroon and alternative font face</span>]], [[teal|<span style="background: white; color: teal">teal</span>]]). Avoid low contrast between text and background colors. Viewing the page with [http://colorfilter.wickline.org/ Wickline] can help with the choice of colors. See also [[Wikipedia:Color coding|color coding]]. | ||
In addition to vision accessibility problems, usage of only color to encode attributes in tables (for example, Gold, Silver, or Bronze achievement levels) instead of a separate sortable column, disables the use of the powerful Wikitable sortability feature on that attribute for all readers. Even for readers with unimpaired color vision, excessive background shading of table entries impedes readability and recognition of Wikilinks. Background color should be used only as a {{em|supplementary}} visual cue, and should be subtle (consider using lighter, less-dominant [[ | In addition to vision accessibility problems, usage of only color to encode attributes in tables (for example, Gold, Silver, or Bronze achievement levels) instead of a separate sortable column, disables the use of the powerful Wikitable sortability feature on that attribute for all readers. Even for readers with unimpaired color vision, excessive background shading of table entries impedes readability and recognition of Wikilinks. Background color should be used only as a {{em|supplementary}} visual cue, and should be subtle (consider using lighter, less-dominant [[Wikipedia:Pastel (color)|pastel]] hues) rather than a glaring spotlight. | ||
=== Scrolling lists and collapsible content === | === Scrolling lists and collapsible content === | ||