Skip to main content

Siteimprove Tutorials

Siteimprove logo

About Siteimprove

Siteimprove is a web accessibility tool to create more accessible, inclusive web content. Siteimprove’s web accessibility tools enable you to easily follow and adhere to international Web Content Accessibility Guidelines (WCAG) across all conformance levels.


Siteimprove Tutorials 

Link text is too generic

By using "Click Here," "Learn More," "More Information," etc. as link text, you assume your site visitor has the visual context to know where they will be directed (i.e., a specific program page, campus event, etc.). The link text should be a description of where the visitor will end up.

Source: Siteimprove, Accessibility: Links

Proper Heading Structure

The headings on a webpage must be hierarchically organized in order for screen readers to view list of all headings on the page. The screen reader uses the heading code (H2-H6 and WAI-ARIA headings and their 'aria-level') to create this list. Some users also tab through the headings of a page. When creating your pages, pay attention to your heading order.

Pro Tip: Paragraph items are considered to be H3. Therefore, H2 must be used before using any kind of paragraph.

Source: Siteimprove, Accessibility: Headings

Misspellings

When publishing content, it is easy to misspell. Misspelled words can not only hurt your credibility, but also your quality assurance score.

Finding and fixing spelling mistakes is an essential part of maintaining a successful website.

Source: Siteimprove, Quality Assurance: Misspellings

Broken Links

Broken links send visitors to a page that is lost, unpublished or no longer exists. These links can have a negative experience for your visitors, if left unchecked. Siteimprove can help you easily identify these types of links for your convenience. How to fix a broken link: Siteimprove Tutorial on broken links

Source: Siteimprove, Quality Assurance: Broken Links and Misspellings

Image Alt Text Best Practices

Alternative text on images serves as cues for people with visual impairments. When loading an image to your webpage, you must add alternative text. If you have questions on how to properly write a description or what to include, please contact us. Check out Siteimprove's Image Alt Text Best Practices Guide.

Link text used for multiple different destinations

Siteimprove can help address issues where the link text is used for multiple different destination URLs. Similar link text also can create confusion to where the user is heading. 

Resolution: Make sure to avoid similar link text on the same page. If there is a need to have a similar link text, here are several ways to make them different:

  • Specify your link and add descriptions. For example: Public Relations (B.S) or Public Relations Minor.
  • Don't hyperlink just one word. Instead, hyperlink the specific action you want your user to take. For example: Reserve Graduation Tickets vs.Tickets.
  • If posting multiple outside sources, avoid saying Learn More, especially multiple times. Instead hyperlink that specific source/link and place it strategically within your sentence. For example: To be considered for the Monday Morning Message, articles can be submitted online through the Above and Beyond nomination form.
Meta Titles too short or too common

Have you thought about the title of your page? Think about how many other departments may already have pages titled similar to yours (i.e. Our Programs, Resources, For Our Students, etc.) Or if the title is too short (i.e. Programs, Visit, etc.) If the meta title is too short, it may not be informative enough to persuade a user to click on your link.

Resolution: Make sure title tags are between 40-75 characters long (50-60 is ideal). Include the main keyword and important phrases toward the beginning of the title so they will be what catches the user's eye when scanning search engine results.

  • For example, successful names for pages: Geography Undergraduate Programs, VARC Student Resources, Fall 21 Writing Center Schedule, etc.

Tip: Avoid using too complicated or long titles as well. Be specific and concise at the same time.

Navigating the Accessibility Page Report

The Siteimprove Page Report helps take the guesswork out of addressing issues on your site. We highlight any issues we detect using a snapshot of your live page, making it easy to identify where to make fixes. 

In addition, each issue type contains an explanation of the issue and how to fix it.

Note: You need to be logged into Siteimprove before accessing this in-app tutorial.

Navigating the Page Report - Accessibility

Accessibility: Bold vs. Strong and Italic vs. Emphasis

From using <strong> tags to correct heading levels, this article will explain the importance of tagging and styling your text.

Bold vs. Strong and Italic vs. Emphasis

4 SEO Tips to Improve Your Website Ranking

In this article, learn how to improve your website rankings by using meta titles and 301 links.

4 SEO Tips to Improve Your Website Ranking