跳到正文
cccskills

“screen-reader”的搜索结果

90 个 · 按相关度排序

accessibility

免费有简介AI 评分 100分

依据WCAG 2.2设计和检查Web、iOS及Android界面,核查读屏标签、键盘操作、配色对比度和操作目标尺寸,使界面支持辅助技术。

  • 为纯图标按钮添加说明
  • 检查键盘操作与模态框焦点
  • 检查对比度与操作目标尺寸
affaan-m/ECC28.4万2026年10月16日 更新

Review rendered HTML and replace generic div elements with elements that describe their purpose, such as main, nav, and article. Clarify page structure to support screen-reader navigation, search-engine understanding, and code maintenance.

中文简介正在准备中。当前显示英语简介。

  • Reviewing page structure built mostly with div elements
  • Checking HTML output from templates and shared components
  • Improving page structure for screen-reader navigation
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review whether ARIA roles, which describe interface elements to assistive technology, have the required parent roles. Find misplaced menu items, tabs, or list items, suggest suitable containers, and explain how to verify the corrected structure.

中文简介正在准备中。当前显示英语简介。

  • Checking parent roles for menu items
  • Reviewing tab and list structures
  • Auditing design-system components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Audit web or mobile pages and user journeys against an agreed WCAG accessibility standard. Combine automated scans with manual checks to document barriers, prioritize fixes, and record retest results alongside any remaining gaps.

中文简介正在准备中。当前显示英语简介。

  • Audit keyboard access through checkout
  • Check screen-reader access, focus, and contrast
  • Prioritize accessibility fixes
sickn33/agentic-awesome-skills4.8万2026年10月19日 更新

[omh] Screen-reader or keyboard accessibility gaps: prepare WCAG, keyboard, focus, screen-reader, target-size, and reflow evidence gates for UI surfaces. Use when the user says: accessibility-audit, accessibility audit, a11y audit, a11y architect, wcag audit, wcag 2.2, wcag 2.2 aa, accessibility pass.

中文简介正在准备中。当前显示原文说明。

rlaope/oh-my-hermes34322026年10月19日 更新

One page, hands-on manual tier — drive a live page through the web accessibility (a11y) checks a rule engine can't decide: keyboard operation and focus order, screen-reader names, roles and states from the accessibility tree, reflow and zoom, reduced motion, form errors, and target size. Grades each finding by evidence basis (verified / confirm-with-a-human / human-required) and severity, and closes every criterion in a ledger: verified, flagged, not exercised, or N/A. Locates and assesses; does not fix (use `accessibility-fix`). Use it for keyboard testing, focus-order checks, screen-reader or a11y-tree review, reflow and zoom at 200%, or 'is this operable, not just lint-clean'. The automated tier is `accessibility-scan`; `accessibility-audit` runs both across a sampled site.

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月15日 更新

Review parallax effects, where backgrounds and foregrounds move at different speeds. Check reduced-motion support and access to essential content, then suggest static alternatives and an optional site-wide control for disabling motion.

中文简介正在准备中。当前显示英语简介。

  • Reviewing parallax effects on a website
  • Checking support for reduced-motion preferences
  • Providing static versions of animated content
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review form fields for code that blocks pasting, then remove those restrictions. The skill helps check password manager use, keyboard interactions, and accessibility so people can paste passwords and other long values into inputs.

中文简介正在准备中。当前显示英语简介。

  • Checking why passwords cannot be pasted
  • Reviewing credit card fields for paste restrictions
  • Improving form accessibility
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review website text and interface instructions for jargon, complex sentences, and unclear actions. Simplify wording, explain technical terms, and adjust reading difficulty so the intended audience can understand content and follow instructions.

中文简介正在准备中。当前显示英语简介。

  • Simplifying website instructions
  • Explaining technical terms for general readers
  • Reviewing interface text for accessibility
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

中文简介正在准备中。当前显示英语简介。

  • Checking support for reduced motion settings
  • Reviewing flashing content frequency
  • Finding alternatives to scrolling effects
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review HTML object elements and add meaningful fallback content for people who cannot load or view embedded material. Identify missing alternatives, suggest text or appropriate HTML elements, and explain how to verify accessibility.

中文简介正在准备中。当前显示英语简介。

  • Find object elements with missing fallback content
  • Add alternatives for embedded content that fails to load
  • Review whether fallback content conveys equivalent information
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.

中文简介正在准备中。当前显示英语简介。

  • Finding automatic redirects in HTML
  • Replacing meta refresh with server-side redirects
  • Reviewing page transitions for screen reader users
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Compare button and link text with accessible names, the names assistive technology uses for controls. Identify mismatches and suggest ARIA label changes so people using voice control can refer to the words they see.

中文简介正在准备中。当前显示英语简介。

  • Comparing visible button text with accessible names
  • Reviewing links that are hard to activate by voice
  • Checking label fixes with accessibility tools
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

link-text

免费

Review links so their destinations are clear even without surrounding text. Identify vague wording, improve names announced by screen readers, and check keyboard behavior and download details such as file type and size.

中文简介正在准备中。当前显示英语简介。

  • Replace vague link text with clear destination names
  • Review links for screen reader users
  • Check download links for file type and size
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review page landmarks, the named regions screen reader users navigate between. The skill checks semantic HTML elements, a single main content region, and labels for repeated region types, then identifies markup changes and ways to verify them.

中文简介正在准备中。当前显示英语简介。

  • Reviewing page structure for screen reader navigation
  • Replacing generic containers with semantic HTML elements
  • Checking labels for multiple navigation regions
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.

中文简介正在准备中。当前显示英语简介。

  • Checking the main region in a page template
  • Fixing duplicate main regions in combined layouts
  • Reviewing navigation to primary content with a screen reader
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review modal dialogs for keyboard and screen reader accessibility. The skill checks dialog roles, title labels, focus movement within the modal, Escape dismissal, and focus returning to the opening control, then identifies issues and ways to verify fixes.

中文简介正在准备中。当前显示英语简介。

  • Reviewing keyboard operation in modal dialogs
  • Checking focus movement when opening and closing modals
  • Reviewing dialog titles and screen reader labels
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review whether interactive web elements work with keyboard navigation. Check Tab order, hidden elements, and focus traps where users cannot move away, then identify specific fixes and ways to verify behavior with browser accessibility tools or assistive technology.

中文简介正在准备中。当前显示英语简介。

  • Check whether all controls are reachable with Tab
  • Align keyboard focus order with the visual reading order
  • Remove hidden content from the Tab sequence
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review HTML lists for incorrect child elements and nesting, then identify fixes that help screen readers, tools that read page content aloud, announce item counts and positions accurately.

中文简介正在准备中。当前显示英语简介。

  • Reviewing HTML list structure
  • Fixing nested lists
  • Checking screen reader announcements
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review interface copy for assumptions about disability, gender, or culture. Suggest neutral wording, clearer instructions, and constructive error messages that guide people through problems without blaming them or relying on culturally specific expressions.

中文简介正在准备中。当前显示英语简介。

  • Reviewing interface copy for exclusionary language
  • Rewriting error messages that blame users
  • Replacing gender assumptions with neutral wording
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review web page headings for skipped levels and unclear hierarchy. Identify specific elements to adjust, explain how heading structure supports screen reader navigation, and describe how to verify the revised page with accessibility tools.

中文简介正在准备中。当前显示英语简介。

  • Checking heading levels across a web page
  • Reviewing heading structure in shared components
  • Improving navigation through screen reader heading lists
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Find links that use identical text but lead to different URLs. Review the rendered page and suggest distinct labels or consistent destinations so readers, including people using screen readers, can understand where each link goes.

中文简介正在准备中。当前显示英语简介。

  • Find identical link text with different destinations
  • Improve labels in screen reader link lists
  • Review links in shared components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review image input buttons for missing or empty alternative text. Suggest alt attributes that describe actions such as searching or submitting, and explain how to verify that screen readers communicate each button’s purpose.

中文简介正在准备中。当前显示英语简介。

  • Checking alternative text on image input buttons
  • Improving labels for search and submit buttons
  • Reviewing shared image button components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review image alt text, the descriptions read by screen readers, for unnecessary phrases and duplication of nearby text. Identify specific images to fix and make their descriptions concise while preserving information about what the images mean.

中文简介正在准备中。当前显示英语简介。

  • Reviewing image descriptions for accessibility
  • Removing alt text that repeats nearby captions
  • Checking screen reader output after fixes
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新