跳到正文
cccskills

查找技能

1.3万 个 · 按人气排序

Review how tests use mocks, substitutes for external services or resources. Identify excessive mocking and missing cleanup, suggest more realistic tests, and check whether automated checks consistently catch problems and prevent regressions.

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

  • Reviewing tests with too many mocks
  • Checking mock cleanup between tests
  • Improving realistic API mocks
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日 更新

Review HTML forms and JavaScript requests to find data sent over unencrypted HTTP. Check submission URLs, pages with implicit form destinations, and server redirects, then update endpoints to use HTTPS.

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

  • Checking login form submission URLs
  • Reviewing fetch() and XMLHttpRequest endpoints
  • Checking forms without an action attribute
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

https

免费

Audit whether a website serves all pages over HTTPS with valid TLS certificates, which secure connections. Check certificate coverage and expiration, permanent redirects from HTTP, and HTTPS URLs for internal links and resources, then review the necessary configuration changes.

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

  • Auditing HTTPS coverage across a website
  • Checking certificate expiration and hostname coverage
  • Verifying permanent redirects from HTTP to HTTPS
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check form fields for duplicate labels that may confuse screen readers or voice control. Identify affected inputs and suggest consolidating labels or using aria-labelledby, an attribute that connects a field to multiple pieces of naming text.

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

  • Finding duplicate labels on form inputs
  • Combining multiple text sources into a field name
  • Reviewing form labels with screen readers
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日 更新

Review form fields to ensure each has a properly connected label. Identify placeholder-only names and missing group headings, then guide markup fixes that help screen readers identify inputs and make labels clickable.

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

  • Reviewing labels in an application form
  • Replacing placeholder-only field names
  • Checking checkbox and radio button groups
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review page language attributes so HTML and XML readers receive consistent language information. Check matching lang and xml:lang values, validate language codes, and recommend keeping both attributes for XHTML or removing the unnecessary XML attribute from standard HTML5.

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

  • Checking language attributes in XHTML documents
  • Removing unnecessary xml:lang attributes from HTML5
  • Investigating incorrect screen reader pronunciation
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

hsts

免费

Review HSTS, a browser policy that keeps site connections on HTTPS. Check response headers, policy duration, and subdomain coverage, guide server or CDN configuration, and explain the precautions needed before enabling browser preloading.

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

  • Checking HSTS headers on HTTPS responses
  • Configuring HSTS on a web server or CDN
  • Reviewing policy duration and subdomain coverage
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review public forms for automated abuse protection. Check CAPTCHA, a mechanism for detecting bots, along with hidden trap fields and request limits, then help integrate a CAPTCHA service and validate its tokens on the server.

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

  • Checking contact forms for spam protection
  • Adding bot protection to registration and login forms
  • Reviewing server-side CAPTCHA token validation
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Identify and test critical workflows where APIs, services, databases, and interface components work together. Review normal behavior, important failures, and CI checks to find gaps that isolated unit tests can miss and keep those interactions continuously verified.

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

  • Testing interactions between APIs, services, and databases
  • Checking components connected to state management
  • Reviewing CI coverage for critical workflows
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check that HTTP requests redirect to HTTPS with a permanent 301 response while preserving the page path and query parameters. Review server or CDN settings, verify response headers, and explain how HSTS helps returning visitors avoid HTTP requests.

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

  • Checking HTTP redirects before a site launch
  • Verifying paths and query parameters survive redirects
  • Reviewing server redirects and HSTS settings
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review GIFs, videos, and CSS animations for rapid flashing that may trigger seizures in photosensitive users. Check flash frequency and screen area, then suggest removing or slowing effects or replacing them with fades or static content.

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

  • Checking flashing effects in animated GIFs
  • Reviewing rapid flashing in videos and CSS animations
  • Replacing flashing effects with fades or static content
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check whether sticky headers, banners, or chat widgets hide controls reached with the keyboard. Review tab order, zoomed views, and mobile layouts, then suggest spacing or scrolling changes that keep the focused control and its indicator visible.

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

  • Checking keyboard navigation around sticky headers
  • Testing pages with cookie banners and chat widgets open
  • Reviewing overlap in zoomed and mobile layouts
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review forms, API requests, and browser storage to find personal data that no active feature needs. Identify unnecessary collection, suggest removal or anonymisation, and check analytics and logs for exposed personal identifiers and missing retention periods.

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

  • Reviewing personal data collected by forms
  • Finding personal identifiers in analytics and logs
  • Reviewing browser storage and retention periods
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check third-party packages for known security vulnerabilities, review dependency versions and lock files, and plan updates or replacements. The skill also guides automated scanning in CI, the pipeline that runs project checks.

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

  • Checking dependencies before a production deployment
  • Investigating a reported package vulnerability
  • Adding automated dependency scanning to CI
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Find empty links, unlabeled icon links, and broken destinations. Add descriptive text or labels that screen readers can announce, and fix or remove broken links so users can understand where each link leads.

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

  • Finding empty links across a page
  • Adding destination labels to icon links
  • Reviewing and fixing broken link destinations
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check HTML definition lists, which pair terms with descriptions, for structural problems. Identify invalid child elements and unclear relationships, suggest markup fixes, and explain how to verify that screen readers group the information correctly.

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

  • Reviewing HTML structure in glossaries
  • Checking term and description relationships
  • Fixing definition lists that confuse screen readers
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日 更新

Find empty headings or headings containing only whitespace in rendered web pages. Guide fixes by adding descriptive text or removing unnecessary heading tags, helping screen reader users navigate a meaningful document structure.

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

  • Find empty headings in web pages
  • Review components that use headings only for styling
  • Check heading navigation with a screen reader
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review rendered HTML for duplicate IDs used by ARIA attributes, which connect elements to labels and descriptions for assistive technology. Identify ambiguous references, correct IDs and their links, and explain how to verify the changes.

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

  • Investigating incorrect labels read by screen readers
  • Checking repeated components for duplicate IDs
  • Reviewing ARIA references in a design system
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review and add E2E tests, which check complete user journeys such as signing in or checking out. Identify missing coverage, organize reusable tests, and check that automated delivery workflows run them and handle failures.

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

  • Checking test coverage for sign-in and checkout flows
  • Adding tests for form submissions
  • Reviewing automated test runs and failure handling in CI/CD
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review decorative images and icons to prevent unnecessary screen reader announcements. Check empty alt text, aria-hidden, and relevant keyboard behavior, then suggest fixes for concrete accessibility issues without flagging decorative assets solely because they exist.

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

  • Checking decorative images for unnecessary announcements
  • Reviewing accessibility of SVGs and icons
  • Checking shared decorative component patterns
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review websites for content accidentally hidden by ad blockers. Identify problematic HTML class names and IDs, test affected pages with uBlock Origin, and suggest specific names that preserve the visibility and function of notices, banners, and consent controls.

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

  • Investigating notices hidden by ad blockers
  • Checking cookie consent controls for accidental hiding
  • Reviewing HTML class names and IDs for blocking patterns
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新