Questions tagged [input-focus]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
2 votes
1 answer
57 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 ...
BlendedThinking's user avatar
3 votes
1 answer
681 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 ...
Daniel Perez's user avatar
1 vote
2 answers
159 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 ...
ExecutionSommaire's user avatar
0 votes
1 answer
89 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 ...
MassMover's user avatar
  • 101
0 votes
1 answer
1k 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 ...
TomR's user avatar
  • 101
2 votes
2 answers
125 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 ...
Joshua Frank's user avatar
4 votes
1 answer
909 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: ...
Hooman Bahreini's user avatar
2 votes
1 answer
135 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 ...
Alexander Knight Room's user avatar
0 votes
1 answer
85 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 ...
Vadim Peretokin's user avatar
1 vote
2 answers
418 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? ...
Fred Gandt's user avatar
2 votes
1 answer
1k 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 ...
Ramji Seetharaman's user avatar
8 votes
1 answer
423 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 ...
Cmorales's user avatar
  • 180
3 votes
1 answer
624 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, ...
DFOXpro's user avatar
  • 133
3 votes
3 answers
240 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 ...
Ryan's user avatar
  • 191
2 votes
4 answers
5k 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 ...
waterplea's user avatar
  • 133
2 votes
1 answer
91 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 ...
Alexander Nied's user avatar
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 ...
Runnick's user avatar
  • 1,751
0 votes
1 answer
329 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 ...
Aldarund's user avatar
  • 111
1 vote
2 answers
135 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 ...
Hassan Aboueldahab's user avatar
6 votes
2 answers
2k 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 ...
certainlyakey's user avatar
1 vote
2 answers
89 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 ...
Pablo's user avatar
  • 113
2 votes
2 answers
894 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) ...
Ilias Bennani's user avatar
1 vote
2 answers
101 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 ...
user3748764's user avatar
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. ...
SNYDERHAUS's user avatar
  • 1,189
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 ...
GHolmes's user avatar
  • 213
1 vote
2 answers
218 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 ...
alanj's user avatar
  • 904
2 votes
1 answer
42 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 ...
Clinton Green's user avatar
3 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 ...
Thunderforge's user avatar
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" ...
Danny Varod's user avatar
  • 7,333
101 votes
12 answers
34k 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 ...
webvitaly's user avatar
  • 3,902