網頁無障礙

來源狀態

可用來源

原始名稱: web-accessibility

原始作者: magnus919

這是第三方 Community Skill；2lus 收錄不代表已完整安全審計或保證安全。

資源類型

Skill

與類似 Skill 有什麼不同？

• Web Design Guidelines 介面檢查

  Web Design Guidelines 涵蓋整體 UI/UX 檢視；Web Accessibility 深入 WCAG、ARIA、鍵盤與輔助科技驗收。

來源描述的能力

這些是來源描述的可能操作，不代表 2lus 已授予權限或已測試。

尚未列出能力，請審查原始來源。

這個 Skill 是什麼？

把介面任務轉成可觀察的無障礙驗收條件。

可以做什麼？何時適合使用？

• 改善表單標籤與錯誤恢復
• 檢查對話框焦點返回
• 規劃螢幕閱讀器驗收
• 檢查色彩對比、縮放、reflow 與減少動態效果

如何使用

1. 提供介面、使用者任務與支援環境
2. 先列原生 HTML、ARIA 與鍵盤行為要求
3. 提出修改及人工驗收矩陣，區分未測項目
4. 逐項檢視語意結構、導覽、表單、dialog、焦點、鍵盤與螢幕閱讀器輸出

使用前你需要準備

• 介面程式與設計目標
• 目標裝置和操作方式

你可以替換：

[component]、[screen size]

環境與相依需求

• 提供元件程式與瀏覽器／輔助科技範圍；完整使用時保留來源 references。

使用範例與 Prompt

以下是 2lus 撰寫的示範需求；請替換為你有權處理的檔案與專案，不代表已執行或保證結果。

入門

檢查這個登入表單的 label、錯誤關聯與鍵盤順序；先列問題，不要執行瀏覽器。

實務

為刪除確認 dialog 設計初始焦點、Escape、可見關閉與焦點返回的人工步驟。

進階

依附件元件設計 WCAG 2.2 驗收矩陣，涵蓋縮放、減少動態效果及兩種螢幕閱讀器；標記證據缺口。

實用提醒

• 以原生控制項優先；ARIA 不會自動提供鍵盤操作。
• 自動檢測可找出部分缺陷；仍需人工檢查鍵盤、閱讀順序與輔助科技操作。

限制與注意事項

• 自動掃描或程式審查不能宣稱 WCAG 完整合規。

安全注意事項

• 只使用去識別化表單資料；讀取來源不代表授權執行外部工具。

使用與設定

此條目不提供已確認的通用安裝指令；請依官方文件與 Agent 版本操作。

支援平台

未確認特定 Agent 相容性

來源與授權

來源查核日期（非安全認證）: 2026-10-01

MIT

相關 Skills

• Web Design Guidelines 介面檢查
• 前端介面設計

Source status

Active source

Original name: web-accessibility

Original author: magnus919

This is a third-party community skill. Inclusion by 2lus is not a complete security audit or safety guarantee.

Resource type

Skill

How is this different from similar skills?

• Web Design Guidelines

  Web Design Guidelines reviews overall UI/UX; Web Accessibility examines WCAG, ARIA, keyboard behavior and assistive-technology evidence.

Documented capabilities

These are operations described upstream, not permissions granted or tested by 2lus.

Capabilities not declared here; review the original source.

What is this skill?

Turn interface tasks into observable accessibility acceptance criteria.

Use cases and when to use it

• Repair form labels and recovery
• Review dialog focus restoration
• Plan screen-reader acceptance
• Review contrast, zoom, reflow, and reduced motion

How to use it

1. Provide components, tasks and supported environments
2. Specify native HTML, ARIA and keyboard behavior
3. Propose changes and a manual evidence matrix
4. Inspect semantics, navigation, forms, dialogs, focus, keyboard use, and screen-reader output

What you need

• Interface code and design goals
• Target devices and interaction methods

You can replace:

[component], [screen size]

Environment and dependencies

• Supply component code and browser/AT scope; retain upstream references.

Usage and prompt examples

These example requests were written by 2lus. Substitute files and projects you may use; examples are not executed results or guarantees.

Beginner

Inspect this login form for labels, error associations and tab order; report findings without launching a browser.

Practical

Draft manual checks for initial focus, Escape, visible dismissal and focus restoration in this deletion dialog.

Advanced

Create a WCAG 2.2 evidence matrix for these components covering zoom, reduced motion and two screen readers; flag untested conditions.

Tips

• Prefer native controls; ARIA alone provides no keyboard interaction.
• Automated checks find only some defects; manually review keyboard use, reading order, and assistive technology.

Limitations

• Code review or automated scanning cannot establish full WCAG conformance.

Security notes

• Use anonymized form data; source access does not authorize external execution.

Usage and setup

No verified universal installation command is provided for this entry. Follow the official documentation for your agent version.

Supported agents

Specific agent compatibility unknown

Sources and license

Source check date (not a safety certification): 2026-10-01

MIT

Related skills

• Web Design Guidelines
• Frontend Design