跳到正文
cccskills

“keyboard”的搜索结果

406 个 · 按相关度排序

Review where keyboard focus, the current target for keyboard input, moves when dialogs open, views change, or content updates. Identify misplaced or lost focus and propose changes that help keyboard and screen reader users continue navigating.

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

  • Checking focus when dialogs open and close
  • Reviewing focus after SPA navigation
  • Keeping keyboard navigation usable during content updates
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日 更新

Check a page for duplicate accesskey values, which define keyboard shortcuts for elements. Identify conflicting assignments, suggest unique values or removal, and describe how to verify keyboard behavior with browser accessibility tools or assistive technology.

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

  • Finding duplicate keyboard shortcut assignments
  • Reviewing keyboard access to interactive elements
  • Checking accessibility after shortcut changes
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Adjust .NET MAUI layouts to avoid system bars, screen cutouts, and keyboards, or extend content to screen edges. It covers .NET 10 safe area APIs, migration from older settings, and CSS coordination for Blazor Hybrid.

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

  • Fixing status bar overlap after upgrading to .NET 10
  • Keeping chat inputs visible above the keyboard
  • Creating edge-to-edge photo or video screens
dotnet/skills56782026年10月18日 更新

frontend-a11y

免费有简介AI 评分 100分

帮助实现和检查React、Next.js表单与模态框的键盘操作及屏幕阅读器支持,改进标签、错误提示和焦点移动。

  • 改进表单标签与错误提示
  • 检查下拉菜单的键盘操作
  • 管理模态框开关时的焦点
affaan-m/ECC28.4万2026年10月16日 更新

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日 更新

Inspect hidden page regions for links, buttons, or inputs that still receive keyboard focus. Identify elements that screen readers cannot announce, suggest focus handling changes, and explain how to verify the resulting keyboard behavior.

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

  • Checking hidden regions for focusable controls
  • Investigating silent focus during keyboard navigation
  • Reviewing accessibility in shared UI components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Build reusable React components that save settings in browser storage and support keyboard selection. The patterns cover settings dialogs and command palettes, with guidance on TypeScript types, storage keys, and managing keyboard focus.

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

  • Keeping app settings across page reloads
  • Building command selection with arrow keys and Enter
  • Creating reusable settings dialogs
HKUDS/OpenSpace77602026年8月13日 更新

Review and improve UI accessibility, including color contrast, keyboard operation, visible focus, and clear status messages. A contrast checker supports color checks, while guidance also covers text zoom and form fields obscured by mobile keyboards.

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

  • Checking contrast between text and background colors
  • Improving keyboard navigation and visible focus
  • Clarifying empty, loading, and error states
miqdadbadjuber/anti-slop65672026年10月16日 更新

accessibility

免费有简介AI 评分 100分

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

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

Turn presentation content into Keynote-style web slides with large headings, restrained colors, and generous spacing. Each screen shows one slide, with keyboard navigation, page counts, and fade transitions for product introductions or talks.

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

  • Building a product introduction deck
  • Preparing slides for a talk
  • Presenting a chart on its own slide
nexu-io/open-design10.3万2026年10月19日 更新

Build a three-slide finance or strategy presentation with bold metric cards and a precise grid layout. A black, warm-paper, and neon-lime palette frames the data in one HTML file with button, keyboard, and dot navigation.

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

  • Presenting financial metrics across three slides
  • Creating a strategy deck with prominent numbers
  • Replacing text and values in a consistent slide layout
nexu-io/open-design10.3万2026年10月19日 更新

Review pop-ups, modals, and banners that obscure page content. Identify mobile usability and search visibility concerns, then improve dismissal controls and keyboard focus, the element currently receiving keyboard input.

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

  • Review promotional pop-ups on mobile
  • Check keyboard dismissal of modals
  • Verify focus movement when dialogs open and close
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review links, buttons, and form fields for duplicate HTML IDs. Identify affected controls, suggest unique IDs, and explain how to verify keyboard navigation, focus movement, and screen reader behavior after the fix.

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

  • Checking HTML IDs in forms
  • Investigating unexpected keyboard focus
  • Reviewing shared interactive components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review custom elements and Web Components for missing screen reader information, keyboard controls, focus handling, and HTML form integration. Get concrete fixes and identify cases where a native HTML control could serve the same purpose.

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

  • Reviewing custom controls for screen reader support
  • Checking keyboard navigation in menus and listboxes
  • Connecting custom inputs to HTML forms
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review CSS focus indicators, the visible outlines that show which element receives keyboard input. Identify missing, clipped, or misplaced indicators, check contrast and responsive states, and guide changes that make keyboard navigation easier to follow.

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

  • Check keyboard focus visibility
  • Review CSS that removes outlines
  • Fix clipped or misplaced focus rings
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review same-page links for accessible scrolling. Check that reduced-motion preferences disable animated scrolling, provide guidance for instant navigation, and verify that keyboard focus moves to the destination so users can continue navigating there.

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

  • Reviewing same-page navigation links
  • Checking scrolling with reduced motion enabled
  • Fixing keyboard focus at anchor destinations
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review collapsible accordion sections for keyboard and screen reader access. Check button triggers, expanded-state attributes, panel links, and heading structure, then guide fixes using the HTML actually delivered to the browser.

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

  • Checking keyboard access to collapsible sections
  • Making accordion states clear to screen readers
  • Reviewing shared accordion components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review ARIA roles, labels that tell assistive technology what page elements do, and correct invalid values. Prefer standard HTML controls where suitable, then check keyboard behavior, focus movement, and screen reader output to verify the changes.

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

  • Finding invalid or misspelled ARIA role values
  • Replacing custom widgets with standard HTML controls
  • Reviewing accessibility in shared UI components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Inspect web pages for automatically playing audio and video, then remove autoplay or adjust required playback with muted defaults and accessible pause controls. Review keyboard access so users can stop media promptly.

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

  • Review audio and video autoplay on page load
  • Add muted playback and pause controls
  • Check keyboard access to media controls
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Apply Remotion Studio’s interaction conventions to buttons and links: keep the default cursor, brighten text and icons on hover, and show a visible focus indicator for keyboard navigation using shared styling helpers.

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

  • Style a new Studio button or link
  • Keep text and icons consistent on hover
  • Retain visible focus for keyboard navigation
remotion-dev/remotion6.5万2026年10月19日 更新

Audit and improve web accessibility using WCAG 2.1 guidelines. Covers image descriptions, color contrast, keyboard controls, forms, and screen reader support, with code examples and automated and manual checks to guide fixes.

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

  • Auditing accessibility before a website launch
  • Improving keyboard navigation
  • Fixing form labels and error announcements
davila7/claude-code-templates3.3万2026年10月18日 更新

Audit websites for accessibility barriers and improve image descriptions, color contrast, forms, keyboard navigation, and screen reader support. Provides code examples and automated and manual testing guidance for work toward WCAG 2.1 AA or AAA accessibility standards.

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

  • Auditing a website for accessibility issues
  • Fixing form labels and error announcements
  • Checking keyboard navigation and dialog focus
davila7/claude-code-templates3.3万2026年10月18日 更新

Review a design or web page against WCAG 2.1 AA, an accessibility standard. Organize findings on contrast, keyboard access, forms, and screen reader behavior, with severity levels and practical recommendations for fixes.

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

  • Review accessibility before design handoff
  • Check text and interface color contrast
  • Review keyboard navigation and focus behavior
anthropics/knowledge-work-plugins3.1万2026年10月19日 更新