We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
There are many accessibility issues reported while testing with axe DevTools. Below are the issues reported in the tool
Ensure every ARIA input field has an accessible name
<ul class="p-multiselect-items p-component" role="listbox" aria-multiselectable="true" data-pc-section="list">
Ensure elements with ARIA roles have all required ARIA attributes
<input id="city" type="text" role="combobox" aria-expanded="true" tabindex="0" data-pc-section="input" readonly="" value="">
Ensure every ARIA toggle field has an accessible name
<div id="pr_id_50" class="p-checkbox p-component" data-p-highlight="false" data-p-disabled="false" role="checkbox" aria-checked="false" data-pc-name="checkbox" data-pc-section="root">
Ensure every form element has a label
li:nth-child(4) > .p-multiselect-checkbox[data-pc-section="checkboxcontainer"] > .p-checkbox[data-pc-name="checkbox"][data-pc-section="root"] > .p-checkbox-input[type="checkbox"]
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies
Ensure elements that have scrollable content are accessible by keyboard
<div class="p-multiselect-items-wrapper" data-pc-section="wrapper" style="max-height: 200px;">
Kindly look into this
https://stackblitz.com/edit/gwtjg5lu
System: OS: Linux 5.0 undefined CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz Memory: 0 Bytes / 0 Bytes Shell: 1.0 - /bin/jsh Binaries: Node: 18.20.3 - /usr/local/bin/node Yarn: 1.22.19 - /usr/local/bin/yarn npm: 10.2.3 - /usr/local/bin/npm pnpm: 8.15.6 - /usr/local/bin/pnpm npmPackages: primereact: latest => 10.9.1 react: 18.3.1 => 18.3.1
No response
The text was updated successfully, but these errors were encountered:
@melloware Could you please help on this issue
Sorry, something went wrong.
No branches or pull requests
Describe the bug
There are many accessibility issues reported while testing with axe DevTools. Below are the issues reported in the tool
Ensure every ARIA input field has an accessible name
<ul class="p-multiselect-items p-component" role="listbox" aria-multiselectable="true" data-pc-section="list">
Ensure elements with ARIA roles have all required ARIA attributes
<input id="city" type="text" role="combobox" aria-expanded="true" tabindex="0" data-pc-section="input" readonly="" value="">
Ensure every ARIA toggle field has an accessible name
<div id="pr_id_50" class="p-checkbox p-component" data-p-highlight="false" data-p-disabled="false" role="checkbox" aria-checked="false" data-pc-name="checkbox" data-pc-section="root">
Ensure every form element has a label
li:nth-child(4) > .p-multiselect-checkbox[data-pc-section="checkboxcontainer"] > .p-checkbox[data-pc-name="checkbox"][data-pc-section="root"] > .p-checkbox-input[type="checkbox"]
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies
<div id="pr_id_50" class="p-checkbox p-component" data-p-highlight="false" data-p-disabled="false" role="checkbox" aria-checked="false" data-pc-name="checkbox" data-pc-section="root">
Ensure elements that have scrollable content are accessible by keyboard
<div class="p-multiselect-items-wrapper" data-pc-section="wrapper" style="max-height: 200px;">
Kindly look into this
Reproducer
https://stackblitz.com/edit/gwtjg5lu
System Information
Steps to reproduce the behavior
No response
Expected behavior
No response
The text was updated successfully, but these errors were encountered: