Cards Macro: Links not operable with a keyboard

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The interactive elements such as “TEST” and “ACCESSIBLE NAVIGATION BUTTON” lack appropriate programmatic role information and are not operable using a keyboard.

      Test Environment 

      Cards

      Steps to Reproduce

      1. Open the Confluence Cloud instance.
      2. In the sidebar navigation, navigate to and expand the “Spaces” button, then open any space.
      3. In the main content area, open any page that contains Cards.
      4. Navigate to the mentioned interactive elements and inspect their code.
      5. Observe that the <a> element is incorrectly assigned the attribute tabindex="-1".
      6. Using a screen reader and keyboard, attempt to navigate to the mentioned interactive elements.
      7. Observe that the interactive elements are not reachable using the keyboard, and their programmatic role information is not conveyed to screen readers.

      Screen Recording

      Interactive Cards Issue.mp4

      Actual Results

      The “TEST” and “ACCESSIBLE NAVIGATION BUTTON” interactive elements in the cards section are not operable using a keyboard. The programmatic role information is not properly exposed to screen reader users.

      This issue occurs because the <a> elements for these interactive components are incorrectly assigned the attribute tabindex="-1". As a result, users are unable to navigate to these elements using the Tab key, and the link role is not conveyed to screen readers.

      This makes it difficult for keyboard-only and screen reader users to access and activate the functionality associated with the mentioned interactive elements.

      Expected Results

      All interactive elements should be fully operable using a keyboard and convey appropriate role information to screen readers.

      In this case, remove the unnecessary tabindex="-1" attribute from the <a> element to ensure it remains focusable via the keyboard and its link role is correctly conveyed to screen reader users.

      Code Snippet:

      <a href="...">TEST</a> 

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Sequoia 15.7.1
      Operations - Windows11
      Chrome - Version 142.0.7444.135 (Official Build) (64-bit)
      Safari- Version 26.0.1
      JAWS- Version 2023
      NVDA- Version 2025.3
      VoiceOver - Version Latest

        1. Interactive Card Issue Fixed.mov
          27.92 MB
          Chirag Goyal
        2. Interactive Cards Issue.mp4
          4.98 MB
          Chirag Goyal

            Assignee:
            Hailey Pan
            Reporter:
            Chirag Goyal
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: