cityofaustin / cityofaustin/techstack

Error Handlings for Group Form Fields are not meeting screen reader accessibility needs

Open
#3,252 4 comments 0 reactions 0 assignees View on GitHub
a11y Bug Reported Feature: Forms Team: Dev
Dominant language
No language data
Stars
11
Forks
3
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**

The group Form fields dont have specific 1-1 error handling message to identify in screen reader which specific input fields is missing to enter.

**URL**
https://alpha-form-test.netlify.com/en/austin-public-health/request-a-day-laborer/

**To Reproduce**

1. Go to 'above URL'
2. Submit the form expect 'Worksite Address' input fields.
3. Scroll up to the error handling
4. Look for the error handling message
5. See error

**Current behavior**

Error Handling Message "**Please fill in a valid value for all required fields
Fields: Worksite Address**" not helping the screen reader users to identify the which input filed in the group form input fields are missing to enter.

**Expected behavior**

**Screenshots**

![image](https://user-images.githubusercontent.com/52670306/67604022-1e4f6c80-f740-11e9-8a3a-1393df4f2ab4.png)
![image](https://user-images.githubusercontent.com/52670306/67603710-3f638d80-f73f-11e9-8f39-3b9c4216c0af.png)

**Device**

Desktop -- with Screen reader --> Jaws

**Browser**

IE

**Additional context**

1. User expected for error handling messages for the individual Input Field to flag the input field missing/invalid in the group form field.
2. User expected Error handling message per individual input field.

Context: When user missed entering the zip-code input field expected to flag the zip-code input field.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.