Fix issues from Siteimprove
Siteimprove scans for and reports a variety of accessibility issues on your website. Here are tips for addressing some of these issues for your site on Stanford Sites.
Siteimprove issues addressed on this page
Do these links go to the same page? Are these links identical?
It's been a common practice to introduce something, such as a news item, and provide a link to the full story with generic link text that says "Read more." However, with multiple links on a page that all say "Read More", it becomes problematic for people using assistive technology.
Depending on the context, you will see the following Siteimprove issues:
To learn about fixing these issues, go to Writing accessible link text.
Policy Content Type: Do these links go to the same page? Are these links identical?
The Policy Content Type comes with two sets of "Previous" and "Next" navigation buttons. There's one set at the top of the page and another at the bottom. They both serve the same purpose, to make it easy to go to the next and previous pages. However, Siteimprove flags the second set of buttons with the following issue:
Do page sections with the same name serve the same purpose?
Because each set of buttons does, indeed serve the same purpose, this is not an error. You can safely use Siteimprove's review process to dismiss this issue.
To dismiss this potential issue for other policy pages on your site, for the CSS Selector for review use:
.book-forward-back nav
Container element is empty; Empty headings
When using the text editor, you can add headings or other HTML with no content. Although you can't see it, assistive technology such as screen readers will detect it.
You will see the following issue from Siteimprove:
To learn about fixing this issue, go to Siteimprove: Container Element is Empty
Content missing after heading
When you have a heading such as a Heading 2, it is expected that there is content associated with it. If there is no content, it can be confusing and may lead some users might think the content is hidden.
If you have a heading with no following content, you will see the following issue from Siteimprove:
To learn about fixing this issue, go to Use headings appropriately.
Element IDs are not unique
Within the HTML of a span, heading, or other element on your page, you can have an ID attribute. The value for this attribute must be the only instance on the page.
If it's not, you will see the following issue from Siteimprove:
Stanford's office of Digital Accessibility can help explain. See When Working with Element IDs, Make Them Unique
Inline frame missing a text alternative
Inline frames, or iframes created by embed codes that third parties, such as Mailchimp and SimpleCast are often missing the title
attribute.
If you embed an iframe without a title, you will see the following issue from Siteimprove:
To learn about fixing this issue, go to Error on save for embed code
Interactive element does not meet minimum size nor spacing
It is possible to create a link that is too small to activate with either the mouse or by touch.
If a link is too small, you will see the following issue from Siteimprove:
Interactive element does not meet minimum size nor spacing
To learn about fixing this issue, go to Siteimprove: Interactive element does not meet minimum size nor spacing
Related Resources
- From Stanford's Office of Digital Accessibility
- Use Siteimprove for Website Scanning & Monitoring
- Siteimprove Tips
- Web Content Accessibility Guidelines (WCAG) - Siteimprove’s automated tests use the latest WCAG standard
- How can I ensure my website is accessible?
- Siteimprove rules - List of best practices from Siteimprove
- WCAG 2.1 Understanding Docs - List of A, AA, and AAA explanations for Web Content Accessibility Guidelines (WCAG) guidelines and success criteria.
- ARIA Techniques - List of ARIA Techniques