Questions tagged [input-focus]
The input-focus tag has no usage guidance.
31 questions
0
votes
1
answer
59
views
Why did macOS Catalina change keyboard navigation (tab & shift-tab) to only text boxes & lists?
In macOS Catalina (or perhaps earlier?), macOS changed the default Tab & Shift+Tab keyboarding behavior from "all controls" to "only text boxes and lists", with Ctrl+F7 for ...
- 133
3
votes
1
answer
173
views
Are there any guidelines for using the auto focus (programmatic focus) on a webpage by WCAG 2.0?
Regarding ADA compliance and web accessibility guidelines like WCAG and WAI-ARIA, is there a specific requirement recommending the auto-focusing of input fields after service failure error (not a ...
3
votes
1
answer
2k
views
Blinking cursor on input fields and blinking time/timeout
What about the blinking time?
Should it blink eternally until the user interacts?
I see that on Firefox 117, the blink stops after some seconds whereas it doesn't on chromium browsers.
Is the timeout ...
- 309
1
vote
2
answers
303
views
Carousel with focusable items
I have a carousel with partial display of the items on the far left/right. Every item has a button to open additional information under the carousel (the item then becomes "active" with some ...
0
votes
1
answer
100
views
Should a popup button get focus when changed?
I have a window which shows a table on the left half. On the right half I display properties of the item which is selected within the table. The user can now change these properties.
The properties ...
- 101
0
votes
1
answer
2k
views
Should clicking outside a textfield hide the software (IME) keyboard?
I am developing an Android (Jetpack Compose) app and have observed that when a textfield gains focus, a software (IME) keyboard opens, and remains open even after I click outside the field.
This is ...
- 111
2
votes
2
answers
133
views
How to indicate window focus without being too subtle or too heavy handed?
My application has a window that shows the waveform of an audio sample and the text transcript of that audio:
(Sorry for the extreme blur, but this is proprietary software and I'm advised not to ...
- 571
5
votes
1
answer
1k
views
Creating user friendly autocomplete inputs for mobile devices
Note: Initially I posted this question for code review, but realized this is really a question about user interface.
I am working on an e-commerce website, I have 2 types of autocomplete inputs:
...
- 247
2
votes
1
answer
150
views
Is there a name for a modal that interrupts a task and steals focus?
It is very common in almost all modern operating system that some programs use a windows that "interrupt" whatever the user is doing, stealing focus to itself.
For example, I was just ...
0
votes
1
answer
100
views
In a validator app, how to keep focus on the content you're validating?
I've got a specialized text validation application where the user can either type, copy/paste the text or load file in - then hit Validate for the screen to transition to the results area. Here's a ...
- 149
1
vote
2
answers
695
views
Is there a standard keyboard only method of removing focus from all HTML form inputs?
When navigating an HTML form using Tab, a properly designed form will allow that all interactive elements are accessible and focusable, but how does one break out of the focus using the keyboard?
...
- 113
2
votes
1
answer
2k
views
(Accessibility) - Back button placement on the page in SPA
I am working with an SPA with Angular and the designs indicates that there is a back button and it is before the Page level heading usually the H1. For SPA, it is a general practice that we place the ...
8
votes
1
answer
564
views
What element to focus after user input on a chatbot?
This is similar to What element should have the focus after a search?, but not the same case.
I'm building a chatbot with Flutter (mobile). This is the flow:
Bot asks a question.
User is presented ...
- 180
3
votes
1
answer
793
views
What to focus on after row deletion
I'm designing the keyboard navigation for a table/grid. Each row in the grid has a "delete this row" button. After a button is activated and the current focused parent row of the button is deleted, ...
- 133
3
votes
3
answers
320
views
Are there any drawbacks to using tabindex to skip navigation elements and go to an input?
With a lot of sites I have to press tab ~7 times in order to get to the input that I want to use. I'm thinking that I will set the tabindex on that input to 1 so that it gets focus first. It seems ...
- 191
2
votes
4
answers
7k
views
Accessible tooltip with links
I'm working on an accessible input component with built in tooltip. I've managed to create a solution that seems to work fine for people with limitations — whenever user focuses that input with ...
- 133
2
votes
1
answer
98
views
Is It Acceptable To Use Custom Focus Indications As Art Direction?
As part of a redesign of my personal site, I have a hero image with an animated flying blimp. When hovered, the blimp toggles to a different animation. I would like a keyboard user to be able to ...
- 143
4
votes
3
answers
6k
views
Content slider / carousel accessibility best practices?
I'm building a content slider for a news site and faced with the issue of keyboard and screen-reading accessibility.
Case #1: Pure image slider
For generic image slider it appears you can go with ...
- 1,773
0
votes
1
answer
403
views
Change or not field focus after autofill next fields
There is a form with following fields in following order:
Zip City State Phone
When user enter zip code fields city and state got auto populated based on zip code user entered.
The question is it a ...
- 111
1
vote
2
answers
188
views
Which styling should the field have, once a value has been chosen?
I'm working on the input style for a dropdown field, and I have two options for once a value has been selected. The default field state is shown at the top, which has the same border color as the ...
7
votes
2
answers
3k
views
Give focus to last focused element on navigating back in browser history — good or bad practice?
I've stumbled on this very obvious idea while working on a website with a lot of interactive items that lead to separate pages. Initially I thought it might be useful for users to have the last ...
- 185
1
vote
2
answers
161
views
Is it a good idea to refocus into a text box after validating it?
Let's say I have a text box where you only are allowed to enter integers. When the focus is lost, then the page should check whether the entry is an integer or not. If it's not an integer, then the ...
- 113
2
votes
2
answers
965
views
Auto-set focus in an input field?
In a form, some info is already filled in.
By tapping the X as seen in the image above, the user can then enter new info.
Question: Would it be a good idea to place the input-focus on that (yellow) ...
- 859
1
vote
2
answers
106
views
Undesired change of application focus by the OS
Some desktop Operating System (OS) do spontaneously switch focus among applications without the user being aware of it. A typical issue is when you are typing in text editor and suddenly another app ...
- 181
4
votes
2
answers
2k
views
How to represent a switch "tabbed" state in Material Design?
Trying to determine a way to represent a "tabbed" state on a switch that looks like this:
Under the hood, it is just a checkbox that the user can tab-over and press enter to check/uncheck the box.
...
- 1,199
11
votes
5
answers
2k
views
What element should have the focus after a search?
A website has its own search (there are reasons for this; no, a Google site search will not do).
So, after a search is executed, for accessibility what element should have the focus? The number of ...
- 213
1
vote
2
answers
324
views
How to tell users that they have to change the focus from the input to apply the change
In HTML, if you have an input with an onchange, it doesn't register the change until you leave (or lose focus) that input. There's an onKeyUp function as well which would have the function run as they ...
- 904
2
votes
1
answer
45
views
Should I focus the cursor to the search field or leave that up to the user?
If I show the search field on a user click should I focus the cursor to the search field or leave that up to the user?
I see benefits for both arguments so atm I'm leaving it up to the user. If there ...
- 145
4
votes
2
answers
4k
views
Where should keyboard focus be after activating a button that brings up a non-modal dialog?
I have a button that shows a non-modal dialog, like this:
The "Show Symbol Picker" button brings up the symbol picker non-modal dialog. If the button is pressed again, the dialog stays open, and ...
- 731
6
votes
2
answers
1k
views
What are the requirements from a multi-row tab control in order that users will be able to intuitively tell which tab is active?
In the implementation in Visual Studio 2010's "Tab Well" (a feature of the "Power Tools" extension), pinned tabs can be multi-row, non pinned tabs are in one scrolling row.
In Firefox's "Tab Mix Pro" ...
- 7,343
101
votes
12
answers
35k
views
Removing placeholder text on focus
Chrome, Safari, and Firefox 15+ remove the placeholder text after the users first key press in the text input field.
Opera, IE, and Firefox 14 and below remove placeholder text immediately after ...
- 3,932