Text

Bold and italic tags

Bold and italic tags have semantic meaning, and should not be used to highlight entire paragraphs. Bolded text should be used to provide strong emphasis on a word or phrase. Italics should be used to highlight proper names (i.e. book and article titles), foreign words, quotes. Long quotes should be formatted as a blockquote.

To ensure that the semantic meaning is conveyed you should use the <strong> and <em> tags and not <b> or <i>.

For example this paragraph will be flagged as it is entirely in bold. Users of assistive technology may not be able to determine what it is you are trying to highlight. For some it is the equivalent as shouting in ALLCAPS on social media.

Uppercase text

This warning is to discourage the use of uppercase text. Based on research it is a strongly discouraged practice for readability. Secondly, some capitalized words may be mistaken for an acronym and ready out character by character with a screen reader.

This condition uses regex to find uppercase words that are at least 3 characters in length, however it will only be indicated as a warning if at least 5 uppercase words within an element is found. It only checks for uppercase words within the following elements: h1, h2, h3, h4, h5, h6, p, li, span, blockquote.

Underlined text

This warning is to discourage the use of underlined text as it is easily confused with links.

This condition checks for underlined text created with <u> markup and css styles within the following elements: h1, h2, h3, h4, h5, h6, p, li, span, blockquote.