Issue Summary

On the "Create pull request" page, the "You must supply a title for this pull request" error message is not communicated to the users of a screen reader.

Note:  A similar issue is found, When a user activates the “Commits” button, the "Branch name is required." error message is not communicated to the users of a screen reader.

Steps to Reproduce

1. Navigate to the above mentioned page.
2. Navigate to the "Continue" button and activate it.
3. Navigate onto the above-mentioned input field with a screen reader and trigger the error message by tabbing away from the input field without entering any data.
4. Observe the presence of an error message.
5. Observe that this error message is not communicated.

Screenshot 1:

Screenshot 2: Commit file 

Actual Results

When the "Title" input field is left empty and the user tab away from this input field, the "You must supply a title for this pull request" error message gets dynamically added on the page. This error message does not use a live region. As a result, this error message is not communicated to the users of a screen reader. This might result in users missing the error message.

Expected Results

Error messages must be communicated to the users of assistive technologies. In this scenario, when an error message appears dynamically on the page, use an assertive live region to prompt assistive technologies to automatically identify it. Also, to work correctly, make sure that you have an empty container with the live region role, such as role=” alert” or aria-live=” assertive” on it already and then dynamically populate this container when the error is triggered.

Code Snippet

<label for="a1">Title</label>
<input type="text" id="a1" aria-describedby="e1" ...>
<span id="e1" role="alert">You must supply a title for this pull request</span>

Workaround

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

Environments

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 2022
NVDA- Version 2020.3
Voiceover - Version Latest