QA Standards

• Emphasis, by means of bolding, enlarged font, or other design element is placed on a part of the heading, that is read alone, would not be effective.

Examples:

• Heading exceeds 50 Characters or repeats information at multiple points within the heading.

Example:

• The hero heading and subheading are repetitive

Example:

• Heading is not related to the content within the row
  • “Price Card” is the name of the module, not the requested heading for this section. A more relevant heading would be: “Our Elevator Models” or “Available Models”.

• Any section with more than one sentence or contains a paragraph with multiple lines should contain a heading. There are very few exceptions to this rule.

Example:

This site has a clear statement “Ready to explore our unique collection?” that is meant to draw your attention, and be a headline. Then the sub text below is meant to support the initial headline. Thus, the first line should stand out from the rest of the text.

Instead, create a heading and enlarge the text, ensuring you differentiate the first line in some way. You don’t always have to adjust the font family and font weight, although that can be helpful.

• Headings should be aligned with the text that follows, and this is to remain consistent throughout the site. If the heading text is left aligned, it is expected the paragraph text that follows should also be left aligned.
• Headings need to be placed appropriately in relation to the content

NOT ACCEPTABLE:

ACCEPTABLE:

• Heading is placed by itself, with nothing following it, 
• Heading is not requested by customer
• Paragraph text, position as a heading, and not needed (Like screenshot below)

Example:

If multiple headings are added for a single section, it will be considered an error. A great way to know if a heading is not needed, is to ask yourself, “If I removed this heading, would I miss it?”

In the example below, the text “How Can We Help?” looks awkward. If the text were removed, nothing would be lost in terms of information, and it would consolidate the content and make the section look cleaner.

Example:

In the next example (below), you can see the text that is centered on top does not serve this row. If that top centered heading was the h2 and had multiple related nested h3’s, that might work, but if this entire container just displays the content above, the top heading is not needed.

• Any content that follows a heading, must be relative to the heading, or specifically stated by the customer.

Example: heading place of the wrong section/paragraph

Example: incorrect heading

Example: duplicate heading/info