Questions tagged [keyboard-navigation]
126 questions
1
vote
1 answer
Android: Prevent keyboard navigation on entire view (Accessibility)
When a popup is opened, the view behind the popup can still be navigated using keyboard navigation.
Video attached to this github issue -
https://github.com/rotorgames/Rg.Plugins.Popup/issues/728
From looking at the source code it adds an…
IeuanW
- 228
- 1
- 9
- 25
1
vote
1 answer
How to add Keyboard navigation( Accessibility Access) to existing website using JavaScript, CSS or HTML?
How to add Keyboard navigation to an existing website using JavaScript, CSS, or HTML?
I don't want to add any paid apps. if you know free javascript library or something let me know.
similar techs I used:
tabindex="0",
a:focus{border : solid 2px…
Manoj Priyamantha
- 11
- 5
1
vote
1 answer
Android Keyboard Navigation in Jetpack Compose
I'm trying to implement keyboard navigation in Jetpack Compose.
Have a LazyColumn which contains some list elements as Row{} all the Row's are clickable and receive focus. What I'm trying to achieve is to scroll to next item in the list after…
Karan Sharma
- 2,353
- 4
- 28
- 46
1
vote
0 answers
Resetting the keyboard tab position on a React SPA (Single page application)
I have a Single Page Application built using React. As usual, when changing between pages, the rendered components changes.
Problem
If I navigate to a button using Keyboard and press enter, it switches the component as expected. However, I want the…
Suthan Bala
- 3,209
- 5
- 34
- 59
1
vote
0 answers
Reverse Tabbing in React Modal not working
After opening a React Modal, I provided a shard to FocusLock so that it consider some outside element in the focus loop. Forward tabbing is working fine, Reverse Tabbing is not working when it reaches an outside element.
Maaz Khan
- 11
- 3
1
vote
0 answers
React - Keyboard Accessibility - restrict only to web page content or modal content if opened (avoid TABing through browser toolbars)
I'm implementing keyboard accessibility in my React app. On :focus-visible pseudo class of a, input, button, textarea, select elements I apply outline border and that works fine. But problem is that tabbing through the app is not restricted to app…
ngwomo
- 81
- 6
1
vote
0 answers
Keyboard navigation: anchor tag not redirecting
I have an Angular project in which I would like to add a "Skip to main content" link to redirect to the main section page when navigating via the keyboard. The piece of code is:
Skip to main content
However…
Isabela Dowsley
- 21
- 2
1
vote
7 answers
Is there a way to make all onclick elements navigateable by keyboard?
With links and form fields you can use tab to cycle trough and activate them.
In my code however I use lots of elements, that have an onclick attribute to perform different actions. For example a table, where each tr is clickable and expands on…
JochenJung
- 7,183
- 12
- 64
- 113
1
vote
1 answer
Radiogroup keyboard navigation
I have a radio group that is set in a table layout:
https://fiddle.sencha.com/#view/editor&fiddle/2ehg
If you navigate around that radio group with left, right, up and down keys, the behaviour is unintuitive. I have searched the code and tried to…
Alexander
- 19,906
- 19
- 75
- 162
1
vote
1 answer
primefaces p:textEditor tab/keyboard navigation doesn't focus the next UI component
We are using p:textEditor (based on quill editor) in our application and we have more UI components below p:textEditor. The problem is for accessibility, the user need to tab through the components in the page using keyboard; but when it comes to…
Avinash Moram
- 67
- 2
- 13
1
vote
1 answer
Table doesn't scroll when using keyboard navigation
I have create a scroll-able Angular table and have implemented the content navigation when pressing the up and down keys in order to let the users navigate easily through the results even though the rows get selected the inner content area with the…
Dark99
- 81
- 3
- 11
1
vote
2 answers
TabNavigation on window elements in WPF
In my WPF 4.0 desktop-based application, I want to add an ability to traverse through window elements by pressing Tab-button.
Here is fragment of my XAML:
Mike
- 14,010
- 29
- 101
- 161
1
vote
1 answer
WPF: Navigating and selecting a ListView item with keyboard
I have a WPF desktop app, with a ListView that contains some items.
I would like to get a notification when an item is clicked with the mouse, or when it is selected using the keyboard and the user clicks "Enter".
The required behavior is similar to…
Sambusak
- 43
- 7
1
vote
3 answers
How can I make Tab-key navigation work with popups?
I'm struggling with making a navigation keyboard-accessible, so that the user can Tab through the links. The problem is with popups that will be shown next to a menu item once it is focused or hovered. Here's a minimal working example:
a.help {
…
Stefan Majewsky
- 5,427
- 2
- 28
- 51
