Questions tagged [tabindex]
The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating).
10
questions
0
votes
1answer
18 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 ...
0
votes
1answer
43 views
tab order of help button in dialogs
When I place the help button in dialogs like here:
What tab order should I use? It's obvious that the content panel uses tabindex values that correspond to the reading order which is supported by the ...
0
votes
1answer
148 views
GDPR banner accessibility - where should it be in the page tab order?
We're adding an 'accept cookies' GDPR banner across the bottom of our site.
Should it be the first thing that gets focus when tabbing into the page?
0
votes
1answer
2k views
When is it 'wrong' to put tabindex=0 on non-interactive content?
I'm trying to fix up a site made with the adaptAuthoring tool after an accessibility audit. One of the audit items is a complaint about the very large number of tabs needed to navigate the document.
...
2
votes
1answer
576 views
Is focus outline useful on elements that can't be focused with tab?
I heard that:
using tabindex="-1" makes an element not accessible via tab, but still focusable manually
focus should be visible
In a situation with navigation on top, with links that cause the page ...
0
votes
1answer
46 views
Is there a benefit of putting headings in the tab order?
Question about navigation through headings of web-applications on screen readers.
Is there a benefit of putting headings in the tab order (by adding tabindex="0" to all H tags) or the standard ways ...
1
vote
2answers
146 views
Why do major sites give tabindex priority to auxiliary functionality rather than the primary action button?
In Twitter's web app, after the tweet body in Compose Tweet, the next tabindex is the Add emoji button. However the primary action is the Tweet button.
In GitHub's web app, after the comment body in ...
5
votes
5answers
110 views
TAB functionality in SE when editing code — What's the UX view on it?
Disclaimer: I'm cross-posting this question from Meta SE to get input from the UX fanatics here.
I've seen people complain about not been able to use TAB to format code in SE. There are many fixes ...
0
votes
1answer
47 views
Is it ok to allow tab skipping of terms and privacy links on a registration page?
I have a registration page containing the following fields, links and button:
Name:
Email:
Password:
CAPTCHA (third party):
privacy link for CAPTCHA (third party)
Site Terms link
Register button
To ...
0
votes
3answers
313 views
autofocus on main action
I was asked to add autofocus to the confirm button:
download bmml source – Wireframes created with Balsamiq Mockups
Works great, there are lot of confirmation info text. When testing on small ...
