Create calendar: Instruction not associated with form field

XMLWordPrintable

    Issue Summary

    The "Link this calendar to a space." instruction is not associated with the "Related space" field.

    Steps to Reproduce

    1. Open the home page
    2. Activate the "Calendar" link > Activate the "Add calendar" button
    3. Navigate to the mentioned instance
    4. Inspect the code and observe that the instruction is not associated with the respective field.

    Screenshot

    Actual Result

    The instruction "Link this calendar to a space." is not associated with the "Related space" field present in the "Create calendar" modal dialog.

    As a result, screen reader users might miss out important instructions.

    Expected Result

    The screen reader should announce the instruction along with label text.
    Apply the following changes:
    • Add "aria-describedby" attribute to the "Related space" field.
    • Reference the "id" value of the element used to display the instruction text in the "aria-describedby" attribute.

    Code Snippet

    <input aria-describedby="one" id="spaceKeyAutocomplete" type="text" ...>
    <div id="one" class="description">Link this calendar to a space.</div> 

    Workaround

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

    Environment

    MacBook Pro (13-inch, 2018)
    macOs Ventura 13.3.1
    Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
    Firefox- Version 92.0 (64-bit)
    Safari- Version 16.4 (18615.1.26.110.1)
    JAWS- Version 2022
    NVDA- Version 2021.2
    Voiceover - Version Latest

          Assignee:
          Judy Lim
          Reporter:
          Yash Pawar (Inactive)
          Votes:
          0 Vote for this issue
          Watchers:
          4 Start watching this issue

            Created:
            Updated:
            Resolved: