技能 screen-reader-testing
🦻

screen-reader-testing

安全 🌐 網路存取⚙️ 外部命令

快速測試螢幕閱讀器支援

螢幕閱讀器問題難以重現和驗證。此技能提供 VoiceOver、NVDA、JAWS 和 TalkBack 的明確測試步驟和修復方法。

支援: Claude Codex Code(CC)
📊 69 充足
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「screen-reader-testing」。 Provide a checklist to test a modal dialog with NVDA.

預期結果:

  • Confirm the dialog title and description are announced on open
  • Verify focus moves into the dialog and is trapped inside
  • Check that Escape closes the dialog and focus returns
  • Ensure all buttons announce role and state

正在使用「screen-reader-testing」。 What VoiceOver commands help test heading structure?

預期結果:

  • VO + Cmd + H to jump to next heading
  • Use Rotor (VO + U) to navigate by headings category
  • Check logical heading level progression
  • Verify all section headings are discoverable

品質評分

38
架構
100
可維護性
85
內容
22
社群
100
安全
87
規範符合性

你能建構什麼

手動回歸測試

在發布前執行可重複的螢幕閱讀器檢查。

修復 ARIA 問題

除錯元件中遺失的公告和焦點行為。

團隊測試指南

跨團隊標準化螢幕閱讀器測試覆蓋範圍。

試試這些提示

從 VoiceOver 開始 
為我的登陸頁面建立 VoiceOver 測試清單，包含標題、地標和表單。
NVDA 快速審計 
給我一個 NVDA 腳本來測試結帳表單，包括錯誤處理和焦點移動。
動態內容檢查 
列出驗證搜尋結果更新之活躍區域公告的步驟。
進階小部件審查 
審查我的標籤頁和模組行為，並列出要執行的關鍵螢幕閱讀器檢查。

最佳實務

  • 使用支援平台上的真實螢幕閱讀器進行測試
  • 在使用 ARIA 之前先使用語義化 HTML
  • 在螢幕閱讀器測試之前先驗證純鍵盤流程

避免

  • 依賴單一螢閱讀器進行審批
  • 只測試快樂路徑而沒有錯誤
  • 忽略行動裝置螢幕閱讀器行為

常見問題

這是否相容於 Claude、Codex 和 Claude Code？
是的，這是純指導內容，適用於 Claude、Codex 和 Claude Code。
這個技能的主要限制是什麼？
這是手動指導，不會執行測試或自動化螢幕閱讀器。
它可以與我的測試管道整合嗎？
它提供您可以整合到 QA 流程中的步驟和檢查清單。
它會存取或儲存我的資料嗎？
不，它只提供說明和範例模式。
如果 NVDA 或 VoiceOver 結果不一致怎麼辦？
驗證瀏覽器、模式和焦點行為，然後使用列出的命令重新測試。
它與自動化無障礙工具相比如何？
它涵蓋了自動化工具無法完全偵測的真實螢幕閱讀器行為。

開發者詳情

作者

wshobson

授權

MIT

儲存庫

https://github.com/wshobson/agents/tree/main/plugins/accessibility-compliance/skills/screen-reader-testing

引用

main

檔案結構

📄 SKILL.md