Stack Overflow
Stack Overflow

Questions tagged [keyboard-navigation]

126 questions
0
votes
1 answer

How to handle interactive controls must be nested by screenreader for the checkbox but checkbox is still readable by the screenreader

I am working on accessibility and test the application by Axe Dev Tool i.e Google Chrome browser extension. I use a table to display content, where each row (each cell in the row) should be clickable by mouse click. and each row having the checkbox…
Ranjan Singh
  • 123
  • 2
  • 9
0
votes
0 answers

TinyMCE 6 - Quick Toolbar Plugin - Navigate between buttons in Quick Toolbar (Contextual Toolbar) using Keyboard (left and right arrow keys)

I am using TinyMCE 6 (Classic Editor) Quick Toolbar plugin to display context toolbar on text selection. When I am trying to navigate between buttons inside the quick toolbar using the left and right arrow keys, the toolbar is getting closed. Can…
Upama Chatterjee
  • 13
  • 2
0
votes
0 answers

How to disable focus on Swiper Pagination bullets when clickable

I'm using Swiper with the Pagination module, I added a tab index to an anchor inside each card and I want the user to be able to use keyboard navigation on the anchors themselves. My issue is that if I set the bullets to be clickable (which I want)…
maja
  • 697
  • 5
  • 18
0
votes
0 answers

Ngx-bootstrap close dropdown on ESC key pressed while on menuitem

I'm working with Angular 9, ngx-bootstrap 10.2.0 and ARIA to make a page more keyboard accessible. Trying some of the examples from the ngx-bootstrap documentation I encountered some lack of accessibility even with the most basic dropdown:
tec
  • 999
  • 3
  • 18
  • 40
0
votes
1 answer

When navigating with a keyboard, using space to select a button I lose the browser's native focus indicator

Our app has buttons that zoom in, zoom out and reset zoom on a map. My problem is that the buttons do not retain the focus indicator after they have been activated by the space-bar. They do however retain the focus indicator if they are selected…
Joey Marino
  • 1
0
votes
0 answers

react keyboard navigation accessibility

I want to add the keyboard navigation with (arrow up, arrow down, tab and enter) to my select component, so the user can navigate within the items in the select box using the keyboard, how can this be done? export function SelectComponent({ ... }:…
TSDev
  • 95
  • 7
0
votes
1 answer

How to correctly handle keyboard in TreeView?

I have a visual tree similar to the following one: TreeView TreeViewItem ComboBox TreeViewItem TextBox The visual tree is made from a few data templates, and a single DataTemplateSelector. The problem, when I press ↑ or ↓ on…
Soonts
  • 20,079
  • 9
  • 57
  • 130
0
votes
0 answers

Change keyboard navigation order with element outside Highcharts React

I have a Chart component, created with Highcharts, which looks like this:
{!hideContextMenu && (
0
votes
1 answer

tab keypress ignoring unvoluntarily some tabindex elements in page html

I'm working on a homepage where I have element wrapper's with background imgs, with inside cta's. Every wrapper and cta has its own tabindex (there is about 400 tabindexs in the hp) and they are all in order. The weird thing is that when I navigate…
lskal
  • 1
0
votes
1 answer

WPF: Tab through textboxes in user controls in a Treeview

I'm trying to implement the Tab function in my application, but it seems like nothing i try works, so i guess i just don't understand how it is intended to be used. I have a User Control (lets call it MyControl) which contains a Text Box (as well as…
morknox
  • 87
  • 8
0
votes
0 answers

How to navigate through autosuggestbox with keyboard controls in uwp?

I need to navigate through Auto suggest box with keyboard up and down arrows I tried this way of using XYFocusKeyboardNavigation="Enabled" but when I navigate through the suggestions the suggestions are being selected , but I want them to get…
Os Snehith Ab
  • 67
  • 1
  • 7
0
votes
1 answer

directive to enable keyboard-navigation (using tab)

Hi I have this div which is skipped when we press tab, other UI elements come into focus but not this one, Which directive do I need to add to this so that it comes into focus when we navigate UI using keyboard
…
CleanCoder540
  • 57
  • 1
  • 8
0
votes
1 answer

How to find x and y coordinates of a button while using keyboard navigation?

I am showing a dropdown which is rendered on click of an icon. The same dropdown is also rendered on right click of another div as well. It takes x and y coordinates of the mouse click event to render the dropdown at the right position. This is the…
RichaS
  • 219
  • 3
  • 14
0
votes
2 answers

AgGrid Select Cell Editor

I am using v8 angular ag-grid. this.columns = [ {headerName: "XYZ", field:"XYZ", editable: true ,cellEditor: "select", cellEditorParams: {values : [// list of values]}, ] I want to create a dropdown select in just a single click…
Avneet Kaur
  • 1
  • 2
0
votes
0 answers

How to keyboard navigate ListGroup and ListGroupItem

I'm trying to keyboard navigate ListGroup / ListGroup items in a logical way. My app is setup with: Div(s) ListGroup ListGroupItem I have the tabIndex=0 on all items. (I'm using a framework where other components within the hierarchy are set to an…
KHibma
  • 2,927
  • 4
  • 20
  • 25
1 2 3
…
8 9