VoiceOver：aria-describedby / aria-labelledby 不適用於 svg-path

[英]VoiceOver: aria-describedby / aria-labelledby is not working on svg-path

我試圖通過使用aria-describedby / aria-labelledby labelledby 來宣布每個 donutchart(svg) 弧/部分的含義。 給div添加了id ，就是需要公布的內容。 添加aria-describedby / aria-labelledby labell ...

盡管有 onkeydown 事件處理程序，Firefox 告訴我“可聚焦元素應該具有交互語義”

[英]Despite having onkeydown event handlers, Firefox is telling me "Focusable elements should have interactive semantics"

我正在嘗試為我的網站添加可訪問性，但我在 Firefox 的可訪問性掃描程序中遇到了一個奇怪的問題。 我已經在我的交互元素上放置onclick和onkeydown處理程序，但是onkeydown似乎還不夠； Firefox 告訴我“可聚焦元素應該具有交互語義。” 通知中提供的 [了解更多] 鏈接 ...

如何通過選項卡導航訪問帶有 position:fixed 的條件顯示元素？

[英]How to access a conditionally revealed element with position:fixed through tab navigation?

我正在從事一個具有購物車功能的項目。 有一個按鈕可以打開或關閉購物車。 它與position: fixed疊加。 因此，如果我在交互元素中切換，然后單擊打開購物車按鈕，購物車就會打開。 購物車容器元素有一個hidden的keyup ，它會在click和鍵入事件時切換。 但是，如果我在那之后再次按t ...

WCAG 合規性和可訪問性審查是否有必要熟悉網站從右到左的語言？

[英]Is it necessary for a WCAG compliance and accessibility review to be familiar with the website's right-to-left language?

我想在波斯語網站上簽訂 WCAG 合規性和可訪問性審查合同。 一些顧問表示他們沒有使用從右到左的語言的經驗。 他們還告訴我，沒有必要對從右到左的波斯語網站進行全面的可訪問性審查。 一位顧問回應說，他不願意做這個審查。 他認為，由於語言障礙，他可能會錯過重要的可訪問性問題。 我對 WCAG 不夠熟悉 ...

當新內容加載到不同的容器中時，如何最好地通知屏幕閱讀器用戶

[英]How best to inform a screen reader user when new content is loaded in a different container

我正在開發一個應用程序，用戶可以在其中將搜索結果列表中的“術語”添加到新的搜索查詢中。 添加第一個術語后，頁面底部會出現一個工具欄，允許用戶跟蹤列表中的術語，並開始新的搜索。 問題是，我如何最好地通過屏幕閱讀器宣布此工具欄的存在？ 我目前的想法是將工具欄作為新的補充地標加載到 DOM 中，並讓 SR ...

React Native 應用程序的可訪問性和文本縮放

[英]Accessibility and text zoom on React Native app

我們公司正在解決我們應用程序本機端可訪問性方面的差距。 我們得到一個一般性診斷，表明 Native 應用程序上的文本缺乏縮放。 票長這樣： 我們使用 react-native-web，它允許 web 和 native 在一個代碼庫中。 查看頂部的 HTML 文件，我沒有看到任何表明用戶可擴展已禁用的 ...

用於輔助技術的表示化學鍵的標記

[英]Marking signs denoting chemical bonds for assistive technologies

我有時在文本中有不同的化學公式，而像 H 2 SO 4這樣的公式沒有問題（因為沒有視力障礙的人和使用屏幕閱讀器的人都以相同的方式閱讀它），問題開始於常規化學公式使用屏幕閱讀器無法正確讀取的一些符號（不，我無法避免使用這些符號，我不能使用帶有替代文本等的圖像）。 例子： H 2 C=CH 2 — 等 ...

在 Aggrid 中使用 ARC 工具包的可訪問性問題

[英]Accessibility issue using ARC Toolkit in Aggrid

我們正在使用Arc Toolkit運行我們的 WCAG 合規性檢查，我們在這個網格中看到了一個問題問題 1：Tab 順序中的非活動元素描述The element has been placed in the Tab order using tabindex="0", but it lacks a s ...

視頻轉錄 txt 文件的 ADA 合規語言缺失或無效

[英]ADA Compliance Language Missing or Invalid for video transcription txt files

伸出手來看看是否有任何 ADA 合規專家知道我可以如何解決與我們的視頻交易有關的 ADA 合規問題。 我們基本上為所有包含視頻轉錄的視頻提供指向 .txt 文件的鏈接。 但是在運行 ADA 掃描時，我們會收到 2 個與轉錄有關的錯誤。 “語言缺失或無效” “頁面標題缺失或信息不足” 鑒於這些只是普 ...

表格元素問題的表格可訪問性問題

[英]Table accessibility question for table elements question

我正在做一些可訪問性工作，並請求擴充我們當前的表，以將 scope="col" 和 scope="row 的屬性添加到現有代碼中。我在這里查看了一些文檔： https://www.w3.org/TR/WCAG20-TECHS/H63.html 這讓我現在在 tr 中混合了 th 和 td 標簽。 ...

JAWS 讀取表單標簽兩次而不是一次

[英]JAWS is reading the form labels twice instead of single time

我在 JAWS 閱讀器上遇到了一些奇怪的行為，它兩次閱讀問題標簽。 在下面的代碼中，我為廣播組添加了一個 aria-labelledby，它引用了來自“p”標簽的問題 id。 <div class="form-group"> <p id="question1">What i ...

可訪問性 - 使帶有換行符的標題可訪問？

[英]Accessibility - making headings with line breaks accessible?

情況：我必須在標題中強制換行。 我可以做到<h1>The quick brown fox<br/> jumps over the lazy dog</h1> ，但屏幕閱讀器會將其解釋為“標題級別 1、2 項目”。 有沒有辦法讓屏幕閱讀器不閱讀它？ 我有這個解 ...

WCAG 評分與評分 - 為什么評分為 5.5 分 AAA，而另一個評分接近 7 分？

[英]WCAG Score vs. Rating - why is a score of 5.5 rated AAA, with another of almost 7 rated AA?

使用 Firefox 和它的 Web 開發工具，我看到 5.5 的 AAA 評分，還有一個幾乎 7 的 AA 評分。 我搜索了WCAG 分數與評級以及一些相關搜索，但沒有發現任何嘗試解釋的實例。 誰能闡明我需要知道什么才能更好地預測和理解數字量表和評級量表的關系？ ...

aria-label 可以用於什么？

[英]What can aria-label be used on?

aria-label到底可以用於什么？ 我發現文檔表明它可以用於交互式項目（例如<button> ），但它可以用於以下任何一項： <p> 、 <span> 、 <li>或<abbr>嗎？ 我試圖在段落中包含特定的單詞和縮寫，作為特定的 ...

為什么我在 WordPress 標頭上的 ADA 合規性失敗，從<h1>至</h1><h3> ?</h3>

[英]Why do I fail ADA Compliance on WordPress Headers by jumping from <h1> to <h3>?

我的任務是將我們當前的網站構建成 ADA 合規性，更新所有內容一直很痛苦，所以我對標題有一些疑問。 我們的“頁面模板”中有以下代碼： 我們有entity.get_content()調用，它會拉入 WordPress “發布內容”框： 問題： 當有人在帖子內容中傳入 header 標簽（WordP ...

我是否需要將 `onKeyDown` 添加到 `button` 以符合可訪問性要求？ (WCAG 2.0)

[英]Do I need to add `onKeyDown` to `button` for accessibility compliance? (WCAG 2.0)

我有一個按鈕，點擊后會展開一張包含更多信息的卡片我是否需要將onKeyDown添加到button以實現可訪問性合規性？ 還是因為該元素已經是一個button ，所以這是多余的？ 我缺少其他符合WCAG 2.0的東西嗎？ 這是我的帶有react的可折疊按鈕代碼const ariaPressed = ...

DL 元素，其中 DT / DD 在一行中的列寬相等

[英]DL element with DT / DD as equal column widths on one row

因此，出於特定原因，我正在嘗試使用dl（描述列表） html 元素。 我希望元素內容在我自己完成的行中顯示每個dt和dd .. div { padding: 1rem; color: #fff; background-color: rgba(0,0,0,.8); } dl dt, dl dd { ...

對於輔助功能，HTML 列表（ul 或 ol）是否允許為空？

[英]Is an HTML list (ul or ol) allowed to be empty for Accessibility?

是否允許 HTML 列表沒有子列表項？ 具體來說，是否允許： 當您使用空列表測試時，W3C 站點上的 HTML 驗證器不會報錯，例如 所以在語義上，從純粹的 HTML 的角度來看，它並不違法。 但是， WAI-ARIA Recommendation section on Required Owne ...

將表單元素放在不執行任何操作的頁面上可以嗎？

[英]Is it okay to put form elements on a page that perform no action?

我被要求在不執行任何解決方案的網頁上放置復選框，因為它們只是以可以打印的清單的形式存在以進行檢查。 不會有表單提交，沒有按鈕，沒有彈出窗口或折疊，也沒有導致選中框的操作。 我相信這將違背用戶體驗的原則，並可能違反可訪問性規則。 WCAG 指南中是否有任何我可以參考的規則可以支持我？ ...

Fire Fox 不計算 NVDA 屏幕閱讀器中的表格行數，但在 Chrome 中計算

[英]Fire Fox does not count table rows in NVDA Screen Reader, but does in Chrome

我正在嘗試制作一個可訪問的可擴展表格（以此為靈感： https://fuschia-stretch.glitch.me/ ，查看“View souce”），但 NVDA 屏幕閱讀器不讀取 Fire 中的列數Fox，但在 Chrome 中閱讀它們。 這里有些例子： 謝謝你的幫助 ...