Skip to content
New issue

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

Accessibility: aria-support for p-autocomplete advanced #6066

Closed
moma1806 opened this issue Jul 13, 2018 · 0 comments
Closed

Accessibility: aria-support for p-autocomplete advanced #6066

moma1806 opened this issue Jul 13, 2018 · 0 comments
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@moma1806
Copy link

I'm submitting a ... (check one with "x")

[x ] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Current behavior
Screenrader jaws can not identify the p-autocomplete as select element. It only identifies an input.

Expected behavior
When focussing a p-autocomplete, the screenreader should describe it as a select field and offer the posibility to reach the options list.
This can be achieved using ARIA-roles
https://www.w3.org/WAI/PF/aria/roles#role_definitions
role=listbox for the focussing input element
role=button and aria-label="..." for the opening button
role=option for the dropdown-elements

Minimal reproduction of the problem with instructions
Using jaws17 combined with IE11 on demo page and tabbing until
https://www.primefaces.org/primeng/#/autocomplete

What is the motivation / use case for changing the behavior?
The accessibility of an important form element for screenreader.

Please tell us about your environment:
Windows 10, Eclipse Oxygen 4.7

  • Angular version: 5.X
    version: 5.1.0
  • PrimeNG version: 5.X
    version: 5.2.0
  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  • Language: [all | TypeScript X.X | ES6/7 | ES5]

  • Node (for AoT issues): node --version =
    version: 7.5.0

@cagataycivici cagataycivici added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Mar 29, 2019
@cagataycivici cagataycivici added this to the 7.1.1 milestone Mar 29, 2019
cagataycivici added a commit that referenced this issue Apr 16, 2019
fixed #6066 Accessibility: aria-support for p-autocomplete advanced
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

3 participants