Create new page | Set page location : Hint text is not associated with input field

XMLWordPrintable

    Issue Summary

    On the “Create | Set page location” page, the "Start typing a page title to see a list of suggestions." hint text is not associated with the "New parent page:" input field.

    Note: Similar instances were found on the following pages:

    1. The "Web, email or any other internet address" instruction with the "Address" input field in the "Web link" tab on the "Create page | Insert link" page.
    2. The "To insert a link to a new page, type in the desired page title." and "To insert an anchor link, type #anchorname." instructions with the "Link" input field in the "Advance" tab on the "Create page | Insert link" page.
    3. The "JPG, PNG or GIF. Max size 1 MB." instruction with the "Select an image to upload" button (that appears on activating the "Add your own emoji" button) on the "Create page | Insert emoji" page.

    Steps to Reproduce

    1. Navigate onto the above mentioned page.
    2. Navigate onto the above mentioned input field and observe the hint text provided for the form field.
    3. Inspect the code.
    4. Observe that the hint text is not programmatically associated with the form field.

    Screenshot

    Actual Results

    There is a “New parent page:” input field with a hint text. This hint text is necessary for the users to understand or complete the form field. However, this information is not programmatically associated with the form field. As a result, the complete purpose of the form field may be unclear to the users of a screen reader.

    Expected Results

    The necessary-to-know information must be  correctly associated with the form fields. To achieve this, use “aria-describedby”. Make sure that the “aria-describedby” value and “id” match correctly. As well, make sure that this attribute is defined on the interactive element, rather than defining it on the parent or child element.
    Code Snippet
    <label for="i1">New parent page:</label>
    <input type="text" id="i1" aria-describedby="h1" ...>
    <span id="h1">Start typing a page title to see a list of suggestions.</span>

    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 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:
          Unassigned
          Reporter:
          Cynthia Singh
          Votes:
          0 Vote for this issue
          Watchers:
          2 Start watching this issue

            Created:
            Updated: