標簽[keyboard-navigation] - 堆棧內存溢出

[英]How to enable arrow keys keyboard navigation and disable tab nagivation for a group of radio buttons?

我試圖用這樣的布局實現一個對話框我想要鍵盤行為控制單選按鈕 'a' OR 'b' OR 'c' -> Tab press -> Cancel button -> Tab press -> Save button -> Tab press -> Last sel ...

如何正確處理 TreeView 中的鍵盤？

[英]How to correctly handle keyboard in TreeView?

我有一個類似於以下的可視化樹：可視化樹由幾個數據模板和一個DataTemplateSelector組成。問題是，當我在具有ComboBox的元素具有焦點時按鍵盤上的↑或↓時， ComboBox通過切換所選元素來處理該鍵。如何防止樹節點內的ComboBox和TextBox控件處理TreeVie ...

Android：防止整個視圖上的鍵盤導航（輔助功能）

[英]Android: Prevent keyboard navigation on entire view (Accessibility)

當彈出窗口打開時，彈出窗口后面的視圖仍然可以使用鍵盤導航進行導航。附在這個 github 問題上的視頻 - https://github.com/rotorgames/Rg.Plugins.Popup/issues/728 通過查看源代碼，它在當前 Android.View 之上添加了一個 A ...

如何使用 JavaScript、CSS 或 HTML 將鍵盤導航（輔助功能訪問）添加到現有網站？

[英]How to add Keyboard navigation( Accessibility Access) to existing website using JavaScript, CSS or HTML?

如何使用 JavaScript、CSS 或 HTML 將鍵盤導航添加到現有網站？我不想添加任何付費應用程序。如果您知道免費的 javascript 圖書館或其他信息，請告訴我。我使用的類似技術：tabindex="0", a:focus{border: solid 2px blue} ...

選項卡按鍵不自覺地忽略頁面 html 中的一些 tabindex 元素

[英]tab keypress ignoring unvoluntarily some tabindex elements in page html

我正在制作一個主頁，其中有帶有背景imgs的元素包裝器，里面有cta。每個 wrapper 和 cta 都有自己的 tabindex（hp 中大約有 400 個 tabindex），它們都是有序的。奇怪的是，當我使用 TAB 導航時，即使 tabindexs 的順序正確，也會首先導航所有 di ...

WPF：在 Treeview 中通過用戶控件中的文本框進行 Tab

[英]WPF: Tab through textboxes in user controls in a Treeview

我正在嘗試在我的應用程序中實現 Tab function，但似乎我嘗試的任何東西都不起作用，所以我想我只是不明白它的用途。我有一個用戶控件（我們稱之為 MyControl），其中包含一個文本框（以及其他內容）。 MyControl 與樹視圖一起使用。對於用戶來說它看起來像這樣（+ 號顯示整個 ...

Jetpack Compose 中的 Android 鍵盤導航

[英]Android Keyboard Navigation in Jetpack Compose

我正在嘗試在 Jetpack Compose 中實現鍵盤導航。有一個LazyColumn ，其中包含一些列表元素作為Row{} ，所有 Row 都是可點擊的並獲得焦點。我想要實現的是在到達屏幕底部后滾動到列表中的下一項。按向下箭頭鍵/TAB 鍵后，焦點停止在屏幕底部，不會向下滾動。我期望它自 ...

指令啟用鍵盤導航（使用選項卡）

[英]directive to enable keyboard-navigation (using tab)

嗨，我有這個 div，當我們按下 Tab 鍵時它會被跳過，其他 UI 元素成為焦點，但不是這個，我需要添加哪個指令，以便在我們使用鍵盤導航 UI 時它成為焦點 <div class="vertical-menu"> <a ng-class="{active: Pa ...

如何在使用鍵盤導航時找到按鈕的 x 和 y 坐標？

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

我正在顯示一個在單擊圖標時呈現的下拉列表。右鍵單擊另一個 div 也會呈現相同的下拉列表。它需要鼠標單擊事件的 x 和 y 坐標才能在正確的位置呈現下拉菜單。這是圖標的代碼： <Icon onClick={this.handleOnClick} onKeyDown={this.hand ...

AgGrid Select 單元格編輯器

[英]AgGrid Select Cell Editor

我正在使用 v8 angular ag-grid。this.columns = [ {headerName: "XYZ", field:"XYZ", editable: true ,cellEditor: "select", cellEditorParams: {valu ...

可訪問性 - 提供在交互式部分之間輕松導航的機制

[英]Accessibility - provide mechanism for easy navigation between interactive sections

我們有一個基於 Web 的應用程序，它為桌面用戶提供並排體驗，其中屏幕左側是文件瀏覽器和編輯器，屏幕右側是交互式預覽。我們的應用程序的用戶將在左側進行不斷的迭代更改，然后與右側的預覽進行交互，快速連續地來回切換多次。是否有允許在這兩個交互區域之間快速輕松導航的“最佳實踐”？我知道這可能屬於“ ...

Safari 中的鍵盤導航在部署到 Google App Engine 后消失了

[英]Keyboard navigation in Safari gone after deployment to Google App Engine

我目前有一個使用 Vue.js (2.x) 構建並使用 Google App Engine 部署的網站。在測試 Safari 中部署的應用程序后，我發現不再“支持”可訪問性功能“'skip navigation' on:focus” （即按tab僅切換瀏覽器的搜索欄，而不是網頁中的鏈接）。簡而言 ...

Selenium webdriver - 查找tab導航視頻播放器元素的坐標以進行交互

[英]Selenium webdriver - Find coordinates of tab navigated video player element for interaction

我想在Python中使用Selenium在網頁上自動化視頻播放器。我無法使用driver.find_element_by_...找到播放器的交互式部分。我決定嘗試通過制作瀏覽器特定的邏輯來實現這一點，該邏輯知道如何通過鍵盤導航導航頁面和播放器（針對Chrome的計數選項卡，與Safari ...

TabNavigation 選擇 ListBox 的第一項

[英]TabNavigation to select ListBox's first item

我們正在為不想或不能使用鼠標的人使用標簽導航。當我通過選項卡導航到列表框時，第一個項目將被聚焦但未被選中。當我再次 Tab 時，第二個項目也將被選中。對我來說，這是一種奇怪的行為。如何也可以選擇選項卡焦點上的第一項？謝謝！第一步第二步第三步 ...

使用 TAB 繼續時，焦點鏈接隱藏在固定位置的頁腳后面時的可訪問性

[英]accessibility when focused link is hidden behind a fixed-position footer when using TAB to proceed

我遇到了一個關於可訪問性的細節，不是關於屏幕閱讀器和盲人用戶，而是關於純鍵盤導航。編輯/補充：我想強調我的問題的一部分，到目前為止我得到的兩個答案中都沒有解決：我想知道我的代碼片段中給出的情況是否可以被認為是可訪問的，即符合可訪問性標准？我有一個頁面上的博客文章列表，其標題鏈接到實際（單 ...

屏幕閱讀器在導航時會讀取其他內容

[英]Screen reader reads extra content while navigating

我在我們的網站上實施了WCAG（Web內容可訪問性指南）。我正在使用JAWS屏幕閱讀器來使用Tab鍵進行測試和導航。問題是，屏幕閱讀器在導航至視頻播放器時會讀取額外的內容。它讀取“已訪問的鏈接”，而不是轉到下一個元素，並且在讀取相同內容時不會被聚焦或突出顯示。通過瀏覽器進行檢 ...

（可訪問性ARIA）無法進入帶有tabindex的SPAN元素之后的下一個表單元素

[英](Accessibility ARIA) Cannot proceed to next form element after SPAN element with tabindex

我有一個帶有非常簡單的標記的注冊表單，該標記不支持輔助功能。基本上如下：並且此模式在頁面上出現約50次。這個標記已經有了我的額外標記，以支持可訪問性。標記無法在后端更改。現在，我面臨一個問題，即用戶在按Tab鍵時無法繼續到下一個元素。鍵盤導航停止到具有以 ...

在包含輸入元素的頁面上啟用通過鏈接制表符

[英]Enable tabbing through links, on page containing input elements

我想使用戶能夠通過頁面的鏈接進行制表。這是大多數瀏覽器的默認行為，但是一旦頁面包含input元素，它就會（取決於瀏覽器）成為頁面上唯一的可選項元素，例如，使得鍵盤無法訪問a元素。如果未設置tabindex則此設置不會更改。請參見以下示例。聚焦輸入元素並按tab幾次； C ...

primefaces p：textEditor選項卡/鍵盤導航不關注下一個UI組件

[英]primefaces p:textEditor tab/keyboard navigation doesn't focus the next UI component

我們在應用程序中使用了p：textEditor（基於主軸編輯器），並且在p：textEditor下還有更多UI組件。問題在於可訪問性，用戶需要使用鍵盤在頁面中的各個組件之間切換；但是當涉及到p：textEditor時，制表符就像添加一個制表符（4個空格）。這里的primeface ...

鏈接中的tabIndex：0被認為是一種很好的做法，以避免href =“javascript：void（0）;”？

[英]Is tabIndex: 0 in links considered a good practice in order to avoid href=“javascript: void(0);”?

a href="javascript: void(0)"被認為是一種不好的做法，我不能在每種情況下使用href="#" ，所以我想在tabIndex=0中添加一個空的a以便可訪問用鍵盤。這被認為是一種好習慣嗎？ PS Bootstrap的下拉列表在鍵盤導航的內部元素中需要< ...