Comments (8)
I have feedback from our tester concerning this primevue multiselect. It behaves much better, but still two issues were reported here:
- ) the input field that has the role="combobox" is marked read only and screenreaders report it as read only.
- ) When the fokus reaches this combobox it is always reported as blank (empty). I speculate that the value attribure of the input must be set according to the selected elements, e.g. value="New York, London".
from primefaces.
PR is welcome...
from primefaces.
@Rene-Stoeckel i may be able to help with this one.
from primefaces.
Hmmm the PrimeVue MultiSelect uses ARIA role combobox
see: https://primevue.org/multiselect/#accessibility
Can you try PrimeVue and see if it behaves with the screenreader how you expect it to?
from primefaces.
Great that is helpful. I will take a deeper look.
from primefaces.
@Rene-Stoeckel can you have your team test this one:
pf-11850.zip
- Focus is on popup now
- READONLY removed from Focus trap
- Focus trap is updated with the current selections
from primefaces.
Here is some feedback with JAWS on the demo pf-11850.zip:
- The popup opens with space or enter or alt+cursorDown, but not cursor-down or cursor-up as defined in the combobox pattern and expressed by the screenreader.
- The fokus is set to the popup item list when it is opened.
- Navigation is possible via tab and shift-tab, but cursor up and down should be used primarily according to the combobox pattern.
- The selection/deselection of items only works with shift-space where screenreader correctly confirms the activation or the deactivation of a checkbox. When using space only (or enter) the item gets activated visually, but the screenreader gives no confirmation and reports the item as deactivated when navigating back. I'ts unclear if this is a JAWS issue, but it's not observed on the primevue multiselect.
- When navigating from each item to the other via tab the screenreader reads the label of the item and the state, but not the number of the item and the out of total number as expected and shown in the primevue demo.
- Once the fokus is on the closer icon, then its possible to step through the options with the cursor keys so that this cursor keys navigation does not scroll the currently focussed item into visibility on the popup panel, in contrast to tab (checkbox to checkbox) navigation. It's also not clear if this is a JAWS issue because it seems to add this kind of cursor key navigation due to the missing cursor-keys handling.
- The screenreader correctly reads the selected items of the combobox when the popup is closed, but on the screen only "Item(s) Selected" is displayed and the labels of the items are not there.
To summarize, it's an improvement (2 and 7). It's unclear if the focus trap is a problem, because the primevue multiselect navigation works as expected with the screenreader even though the fokus stays on the same input all time there as well. JAWS probably just deals fine with it because of the correct use of the aria attributes.
from primefaces.
Great feedback! Let me see if I can fix a few more of these like the cursor handling and better keyboard support.
as for #7 i always make the screen reader value all the selected values. the visual display of "Item(s) Selected""
is because of the property selectedLabel="Item(s) Selected"
i wasn't sure if you wanted that to override the "selected" value for visually impaired users?
from primefaces.
Related Issues (20)
- TabMenu: Incorrect border classes applied
- DatePicker: yearNavigator is no longer rendered as a dropdown HOT 5
- DataTable: Allow using custom icons for p:rowToggler HOT 3
- InputMask: slotChar as optional HOT 13
- Confirm: message facet HOT 5
- jakarta and facelet-taglib version HOT 5
- Confirm: event.currentTarget is the incorrect button HOT 2
- AutoComplete: Float label and multiple="true" not working
- Remove locales JS from datepicker showcase
- Auto detect HTML5_COMPLIANCE HOT 5
- Sticky: Filtering column in p:dataTable/p:column, using sticky feature, do not allow user input. Must use scrolling to activate HOT 10
- Showcase: Error when running locally after a few minutes HOT 14
- FileUpload component has dependency on Apache POI HOT 1
- OverlayPanel: Memory Leak on destroy HOT 1
- TabView: Memory leak on Tab close
- ImportConstants/ImportEnum: Preserve order of constants HOT 1
- Barcode: default QR code size HOT 7
- Primefaces V14 - p:fileUpload drag/drop no triggers listener HOT 2
- CascadeSelect: unable to scroll with large number of items HOT 1
- IT: Nightly Build DatePicker012Test failing Chrome HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from primefaces.