You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Ran Accessibility Insights tool on my UI with Dropdown control & got this error locally.
We are using "office-ui-fabric-react": "7.166.1" version.
Actual behavior:
Fast Pass Error Details:
Path
#Dropdown18
Snippet <div data-is-focusable="true" id="Dropdown18" tabindex="0" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-label="Modified On From" aria-disabled="false" class="ms-Dropdown dropdown-145">
How to fix
Fix the following:
Required ARIA child role not present: textbox
If I edit HTML in Dev Tools to add role=textbox and title="some title" to this element <span id="Dropdown18-option" class="ms-Dropdown-title title-146" aria-live="polite" aria-atomic="true">Oldest</span>
it fixes the issue.
DOM created in my application has Error
(For some reason the HTML I pasted as code isnt showing up properly here please see screenshot in the comment)
`
DOM created in Official Office Fabric site example does not have Error. (For some reason the HTML I pasted as code isnt showing up properly here please see screenshot in the comment)
`
Basic uncontrolled example
Select an option
`
Documentation describing expected behavior
The text was updated successfully, but these errors were encountered:
RashmiBal
changed the title
Fast pass Fails for Dropdown Control: Required ARIA child role not present: textbox
Fast pass fails for Dropdown Control: Required ARIA child role not present: textbox
Apr 16, 2021
Hi @RashmiBal, thanks for submitting the issue. After some further research, it looks like this is a false positive on axe-core, the ruleset under accessibility insights. They're working on a fix. See this issue on their repo for more info: dequelabs/axe-core#2505
I would reach out to them for more info. I will go ahead and close this now
Environment Information
Describe the issue:
Ran Accessibility Insights tool on my UI with Dropdown control & got this error locally.
We are using "office-ui-fabric-react": "7.166.1" version.
Actual behavior:
Fast Pass Error Details:
Path
#Dropdown18
Snippet
<div data-is-focusable="true" id="Dropdown18" tabindex="0" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-label="Modified On From" aria-disabled="false" class="ms-Dropdown dropdown-145">
How to fix
Fix the following:
Required ARIA child role not present: textbox
If I edit HTML in Dev Tools to add role=textbox and title="some title" to this element
<span id="Dropdown18-option" class="ms-Dropdown-title title-146" aria-live="polite" aria-atomic="true">Oldest</span>
it fixes the issue.
DOM created in my application has Error
(For some reason the HTML I pasted as code isnt showing up properly here please see screenshot in the comment)
`
foo
Oldest
Expected behavior:
But this error does not repro in your official example that I see on https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown here is the codepen: https://codepen.io/RV122/pen/WNRyyjZ
DOM created in Official Office Fabric site example does not have Error.
(For some reason the HTML I pasted as code isnt showing up properly here please see screenshot in the comment)
`
Basic uncontrolled example
Select an option
Documentation describing expected behavior
The text was updated successfully, but these errors were encountered: