ADA issues on p-dropdown | Blocker

UI Components for Angular
Post Reply
Posts: 2
Joined: 29 Jul 2020, 17:32

30 Jul 2020, 07:40

i Team, Hope you all are doing good.

We are using PrimeNG V.9.1.3 and facing some challenges in few components with regards to ADA Implimentation.

Below details:

1. If a dropdown field is mendatory, NVDA(Screen Reader) doen not announce as field is required.
2. If a label is attached to the dropdown field, its not getting announces with Screen Reader. Once I choose any option, gthe label is getting override with selected value and reader reads out the field with selected value.


<label for="cityName" id="city">City</label>
<p-dropdown [options]="cities" formControlName="selectedCity" inputId="cityName" ariaLabeldBy="city" aria-describedBy="cityNameError"></p-dropdown>
<div id="cityNameError">City is Mendatory</div>

3. Dropdown component is not reading validation messages which are defined in the dropdown field.

it would be very helpful if someone can suggest from the team on above issues.

Upkar Joshi

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests