Add a comment : Expandable element is not programmatically defined

XMLWordPrintable

    • 9.04
    • Severity 3 - Minor

      Issue Summary

      On the "Add a comment" page, the "This comment will be viewable by all users" link does not have a programmatically defined expandable state.

      Steps to Reproduce

      1. Navigate to the above-mentioned page.
      2. Navigate to the mentioned instance and inspect the code.
      3. Observe that the expandable state is not programmatically determined.

      Screenshot

      Actual Results

      The "This comment will be viewable by all users" expandable link does not have a programmatically defined expandable state. This link does not use an aria-expanded attribute. As a result, users of assistive technologies found it challenging to understand the functionality associated with this element.

      Expected Results

      When elements expand or collapse a particular content, make sure that they have a programmatically defined expandable state. Use the “aria-expanded” attribute on the expandable elements and update the “true” and “false” values appropriately. Make sure that the value is set to “true” when the elements are expanded and “false” when they are collapsed.

      Code Snippet

      <a href="..." aria-expanded="false">This comment will be viewable by all users</a>

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Monterey Version 12.4
      Chrome - Version 103.0.5060.134 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.5 (17613.2.7.1.8)
      JAWS- Version 2023
      NVDA- Version 2023.3
      Voiceover - Version Latest

              Assignee:
              Pavlo Samchuk
              Reporter:
              Cynthia Singh
              Votes:
              1 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: