Accessibility and quality issues found in automatic tests for designsystemet.no

[Camulos]

Description of the bug

Automatic testing of designsystemet.no, tools used:

• Siteimprove
• Sortsite

Findings in categories:

• Accessibility
• Errors
• Usability
• Standards / Web
• Compatibility

Accessibility findings in WCAG categories A and AA should be prioritized.

Images from Sortsite (20. september 2024)

Steps To Reproduce

Scan using automatic tools.

Additional Information

No response

### Tasks
- [ ] AAA - Some interactive elements are smaller than 44x
- [ ] ARIA - Skip link is not inside a landmark
- [ ] AAA - Our accent color do not have enough contrast on links and buttons to pass enhanced contrast requirements
- [ ] A - Add empty alternative texts to decorative SVGs
- [ ] Enhancment - Documentation pages do not start with a H1
- [ ] A - Add text alternative to videoes (iframes)
- [ ] Enhancment - Headers on front page and component overview have no content
- [ ] AAA - FontSize on front page is in px
- [ ] AA - Comments inside code snippets have low contrast
- [ ] A - A video plays longer than 5 seconds, without a way to pause it. (Sortsite scan)
- [ ] A - PDFs need title, language tag and tags for accessibility (Sortsite scan)
- [ ] A - Document title must not be blank. (Sortsite scan) - Vimeo embed
- [ ] A - alt text should not contain placeholders like 'picture' or 'spacer'. (Sortsite scan) - "image" alt text
- [ ] AA - Phrases in a different language should be in a span or div with a lang attribute. (Sortsite scan) - artikler med kode
- [ ] AAA - Several links on a page share the same link text, but go to different destinations.