Skip to content

[Accessibility] Navbar logo missing alt text causing WCAG violation #563

@huangkevin-apr

Description

@huangkevin-apr

Description

The ATT&CK logo in the navigation bar is missing alternative text, making it inaccessible to screen reader users and violating WCAG guidelines.

Image

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions