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.
Same link text, different destinations
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:
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:
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:
Container element is empty
When using the text editor, you can add HTML with no content. Although you can't see it, assistive technology such as screen readers will detect it, and you will see the following issue from Siteimprove:
Resources
- Siteimprove rules - List of Siteimprove best practices
- 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