Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-79086

Expand macro: The expand collapse macro in the page after publish does not receive keyboard focus

XMLWordPrintable

    Issue Summary

    The Expand/Collapse interactive element in the Expand block macros do not receive keyboard focus on the page.

    Tested URL

    https://instenv-21896-wtf6.instenv.internal.atlassian.com/pages/resumedraft.action?draftId=1474563&draftShareId=b559ef89-f523-45f4-88a0-0d0f667f6f8d& 

    Steps to Reproduce

    1. Launch the URL
    2. Edit the page select Expand macro and insert it and Save the changes.
    3. Once the page is available try interacting with the element with the keyboard.

    Screenshot

    Screen recording

    Screen Recording 2022-06-12 at 12.27.00 PM.mov

    Actual Results

    Keyboard support is missing for expand/collapse functionality associated with “Expand" and "Collapse" Expand macro title interactive elements in the main content area for the page for Expand macro.
    Additionally, these interactive elements are read as plain text for the screen reader users. 
    This made it difficult for keyboard-only and screen reader users to access the functionality associated with the links.

    Expected Results

    Ensure that all the page functionality is available for all users irrespective of the device being used. 
    Apply the following changes:
    • Code the links “Expand" and "Collapse" Expand macro title using <a> element and include the "href" attribute in their source.
    • Set the aria-expanded attribute to false for the “Expand Source" links. Ensure that the value of the aria-expanded attribute changes on user interaction via scripting.

    Workaround

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

      1. Screenshot 2022-06-12 at 11.27.31 AM.png
        1.28 MB
        Akhilesh Paradhi
      2. Screen Recording 2022-06-12 at 12.27.00 PM.mov
        6.39 MB
        Akhilesh Paradhi
      3. image-2024-10-28-17-49-34-094.png
        567 kB
        Boju Ankith

            Unassigned Unassigned
            2b3f463b7e2d Akhilesh Paradhi (Inactive)
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated: