Comments (4)
Have created a PR to address this issue: #30677
from fluentui.
I think that to dismiss the content of the search box by keyboard, user is supposed to press Esc key.
cc @smhigley
from fluentui.
I think that to dismiss the content of the search box by keyboard, user is supposed to press Esc key. cc @smhigley
I think for accessibility reasons, the user should be able to navigate to the dismiss button using tabs. I'm not sure if pressing escape is obvious to a user with a screen reader.
from fluentui.
Specifying screen readers is a bit of a red herring -- this is a keyboard behavior, independent of screen reader usage.
This is also by design, as @miroslavstastny mentioned. The clear button is a pointer-specific affordance (that also works for voice control, touch, and touch screen readers) to clear the text easily. Keyboard users can select-all + backspace to clear text.
We do not expose the clear button in the tab order because it would add an extra tab stop per input for no meaningful benefit. We chose this behavior as a consensus with other a11y SMEs in the company, including screen reader users. This also follows the behavior of the native browser-rendered clear button, which is not inserted into the tab order.
from fluentui.
Related Issues (20)
- [Bug]: Inconsistent Typography Font Weights in Fluent UI Implementation HOT 2
- Keytips HOT 1
- [Feature]: List View and Preview Dialog Functionality HOT 2
- ColorPicker HOT 1
- [Bug]: Fluent react v8 to v9 migration documentation out of date HOT 2
- [Feature]: Create theme with key color HOT 2
- [Feature]: ListItem onAction should pass value
- [Bug]: MenuButton transparent appearance styling not consistent when rendered within a Popover trigger element HOT 1
- [Bug]: react-dialog breaking changes to type of children HOT 3
- [Feature]: implement release pipeline and release group for projects tagged with `"tools"`
- [Feature]: project domain scoping/co-location
- [Bug]: [Accessibility] [combobox] [docsite]: Page is scroll into top when combobox is focused with TAB key HOT 2
- [Bug]: Contextual menu, clicking on check icon sometimes causes a dismiss rather than an onClick to uncheck the item
- [Bug]: v9 DatePicker compat popup is not accessible in latest Chromium
- [Bug]: ComboBox and TextField components shared the same autofill data. HOT 3
- [Bug]: [Screen reader]: Selected option name is included as part of the label for all the dropdowns HOT 1
- [Feature]: Show changelog directly in doc site
- [Bug]: 2 Accessibility Issues in the TagPickers HOT 2
- [web-components] Add support for custom icons to rating-display
- [Feature]: add clearable to combobox
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 fluentui.