133 questions
0
votes
0
answers
52
views
How to customise keyboard navigation of AgGrid in an Angular application
Right now when I click on tab focus moves to next cell of the ag grid, I want to implement navigation in such a way that
if focus is on column header(not last), the focus should move to next column ...
0
votes
0
answers
33
views
Trigger callback when N tab stops away from a target element (for smarter prefetching) in JavaScript
I'm building a JavaScript library called ForesightJS for smart prefetching. It currently predicts mouse movements and prefetches content accordingly. I now want to support keyboard users.
Goal:
Given ...
0
votes
0
answers
53
views
Arrow keys in FormKit taglist delete text instead of navigating within it
I am using a FormKit form with a FormKit taglist component and the :allow-new-values="true" option. Here's the issue I'm facing:
When the input field is empty and I start typing, I can use ...
1
vote
2
answers
314
views
Keeping tabindex order logical within a slider displaying multiple items
My website has carousel/slider panels with tabbed navigation. Each panel shows a "river" of book covers. 5 covers are shown at a time and clicking next/prev slides 3 books out and 3 new ...
1
vote
1
answer
731
views
VoiceOver not reading menu item properly on first focus within dropdown menu
I can't figure out why VoiceOver isn't reading my dropdown menu properly (the dropdown menu is based on the WAI ARIA menu button pattern). It reads the menu button as expected, and individual items ...
-1
votes
1
answer
2k
views
Keyboard navigation with arrow keys in Angular
I am new to Angular.
I have one list with font-awesome symbols.
and currently I can navigate through those symbols using the tab button on my keyboard.
but I want to do the same symbol navigation ...
0
votes
0
answers
457
views
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 ...
1
vote
0
answers
284
views
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 ...
1
vote
1
answer
965
views
How to enable arrow keys keyboard navigation and disable tab nagivation for a group of radio buttons?
I was trying to implement a dialog box with layout as something like this
I wanted keyboard behavior as
Control at radio button 'a' OR 'b' OR 'c' -> Tab press -> Cancel button -> Tab press -&...
0
votes
0
answers
271
views
Change keyboard navigation order with element outside Highcharts React
I have a Chart component, created with Highcharts, which looks like this:
<div className={scss.chartContainer}>
{!hideContextMenu && (
<div ...
2
votes
0
answers
441
views
How to Fix Keyboard Navigation Focus Down Getting Stuck in EditText on Android API 26+
The exact same APK behaves differently on Android versions before API 26 and after it. I have simplified my layout down to the following example:
<?xml version="1.0" encoding="utf-8&...
0
votes
1
answer
1k
views
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 ...
1
vote
1
answer
1k
views
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 ...
0
votes
1
answer
740
views
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 ...
1
vote
0
answers
193
views
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 ...
0
votes
2
answers
3k
views
AgGrid Select Cell Editor
I am using v8 angular ag-grid.
this.columns = [
{headerName: "XYZ", field:"XYZ",
editable: true ,cellEditor: "select",
cellEditorParams: {values : [// list ...
0
votes
0
answers
70
views
How to keyboard navigate ListGroup and ListGroupItem [duplicate]
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 ...
2
votes
3
answers
807
views
Accessibility - provide mechanism for easy navigation between interactive sections
We have a web-based app which uses a side-by-side experience for desktop users where the left side of the screen is a file browser and editor and the right side of the screen is an interactive preview....
-2
votes
1
answer
311
views
Keyboard navigation in Safari gone after deployment to Google App Engine
I currently have a website built using Vue.js (2.x) and deployed using Google App Engine.
Upon testing the deployed application in Safari, I found that the accessibility feature "'skip navigation'...
0
votes
1
answer
308
views
Selenium webdriver - Find coordinates of tab navigated video player element for interaction
I'd like to automate a video-player on a webpage using Selenium in Python.
I cannot locate the interactive parts of the player with driver.find_element_by_... I've decided to try and accomplish this ...
2
votes
1
answer
456
views
TabNavigation to select ListBox's first item
We're using tabnavigation for people, who dont want or can't use the mouse.
When i navigate via tab into the Listbox, the first item will be focused but not selected. When i tab again, the second ...
-1
votes
1
answer
644
views
WPF: Move focus to previous control (SHIFT + Tab) when using ControlTemplate with Placeholder Textbox
I created a WPF TextBox with Placeholder text by creating a customized Style that overlays one TextBox (as a placholder text) on another TextBox in the ControlTemplate.
Here's the Style definition:
&...
0
votes
1
answer
887
views
Screen reader reads extra content while navigating
I was implementing WCAG (Web Content Accessibility Guidelines) on our website. I am using JAWS screen reader for testing and navigating using Tab key.
The issue is, the screen reader reads an extra ...
0
votes
1
answer
3k
views
Enable tabbing through links, on page containing input elements
I want to enable the user to tab through the links of a page.
This is the default behavior in most browsers, but as soon as the page contains an input element, it becomes (depending on the browser) ...
0
votes
0
answers
64
views
mvc radiobuttonfor in editortemplate keyboard navigation does not set model
Context:
Model generating some RadioButtonFor groupings as input to answer questions.
What is happening:
Case 1. When mouse click on a radio option the display looks correct. When the [HttpPost] ...