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
A skip link is the first tab stop on the page. It is hidden visually using Bootstrap's sr-only class (which uses clipping to hide the element), so the link is still perceivable by AT, focusable, and part of the tab order, A CSS :focus pseudo selector is used to make the link become visible when it receives focus, i.e. when a keyboard user tabs to it.
Problem:
In Firefox, When NVDA is running in browse mode, NVDA will skip over the link when tabbing through the page. NVDA does correctly focus the link when shift tabbing. The issue only occurs in with the Firefox/NVDA combination, and only in browse mode.
The text was updated successfully, but these errors were encountered:
Comment 1 by hhillen on 2015-07-17 09:06
The issue only happens if the hidden link is the first tab stop on the page. The test case contains a second hidden link following the "tab stop 1" link, and NVDA correctly focuses that one.
On a newly loaded page, the browse mode cursor is placed at the top of the page. The link is at the top of the page. Thus, the browse mode cursor is right on the link. Tabbing therefore moves to the next link because the user is already on the first link. If we changed this, the user would never be able to move past a link the cursor is placed within.
Note that while it makes sense that tab doesn't focus the first link as explained above, the first link should get focus when browse mode is initialised because the cursor lands on the link. That's covered by #3575.
Reported by hhillen on 2015-07-17 09:04
Scenario:
Using the following test case (also attached)
A skip link is the first tab stop on the page. It is hidden visually using Bootstrap's sr-only class (which uses clipping to hide the element), so the link is still perceivable by AT, focusable, and part of the tab order, A CSS :focus pseudo selector is used to make the link become visible when it receives focus, i.e. when a keyboard user tabs to it.
Problem:
In Firefox, When NVDA is running in browse mode, NVDA will skip over the link when tabbing through the page. NVDA does correctly focus the link when shift tabbing. The issue only occurs in with the Firefox/NVDA combination, and only in browse mode.
The text was updated successfully, but these errors were encountered: