Description
The ATT&CK logo in the navigation bar is missing alternative text, making it inaccessible to screen reader users and violating WCAG guidelines.
Why is this important?
When the purpose of a link is clear users can easily navigate links on the page without having to see the surrounding information for context.
Problem Details
- Location:
attack-theme/templates/macros/navigation_menu.html
- Element:
<img> tag within the navbar brand link
- Violation: Hyperlink has no link text, label or image with a text alternative
- WCAG Guideline: WCAG 2.2 Level A - 1.1.1 Non-text Content
Impact
- Screen reader users cannot identify the purpose of the logo link
- Users relying on assistive technologies don't know this element navigates to the homepage
- Fails accessibility compliance standards
Expected Behavior
The logo image should have descriptive alt text that indicates both the brand and link destination, such as alt="ATT&CK Home".
Suggested Fix
Add alt="ATT&CK Home" attribute to the logo image element to provide meaningful alternative text for assistive technologies.
Description
The ATT&CK logo in the navigation bar is missing alternative text, making it inaccessible to screen reader users and violating WCAG guidelines.
Why is this important?
When the purpose of a link is clear users can easily navigate links on the page without having to see the surrounding information for context.
Problem Details
attack-theme/templates/macros/navigation_menu.html<img>tag within the navbar brand linkImpact
Expected Behavior
The logo image should have descriptive alt text that indicates both the brand and link destination, such as
alt="ATT&CK Home".Suggested Fix
Add
alt="ATT&CK Home"attribute to the logo image element to provide meaningful alternative text for assistive technologies.