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-Checklist☆ 7.5万2026年10月6日 更新
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-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Check website behavior across Chrome, Firefox, Safari, and Edge, and fix browser-specific problems. Review desktop and mobile test coverage alongside CI, the automated checks run during development, to identify gaps that let regressions pass.
中文简介正在准备中。当前显示英语简介。
- Checking layouts and features across major browsers
- Reviewing desktop and mobile browser test coverage
- Finding gaps in automated browser checks
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review a website’s Content Security Policy, which controls allowed resources, and identify unsafe HTML insertion. Guide policy changes and sanitization, then verify actual HTTP responses and browser behavior in a production-like environment.
中文简介正在准备中。当前显示英语简介。
- Reviewing an existing Content Security Policy
- Restricting scripts and third-party resources
- Checking how untrusted HTML is rendered
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review whether pages remain understandable and usable without CSS. Check reading order, headings, form labels, instructions, and errors, then suggest HTML changes that preserve meaning when styles fail or users apply their own.
中文简介正在准备中。当前显示英语简介。
- Check page usability with CSS disabled
- Review reading order and heading structure
- Inspect form labels, instructions, and errors
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review cross-origin isolation, a browser security mode required by features such as SharedArrayBuffer. Check response headers and external resources, identify integrations that could break, and verify that isolation actually works in the browser.
中文简介正在准备中。当前显示英语简介。
- Checking isolation requirements for SharedArrayBuffer
- Auditing external resources before enabling COEP
- Reviewing effects on popups and third-party embeds
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review communication between different websites for security issues. Inspect code and browser behavior to identify overly broad CORS permissions, unchecked message senders, missing request protections, and unsafe redirects, then propose fixes and browser checks.
中文简介正在准备中。当前显示英语简介。
- Review CORS settings for authenticated endpoints
- Check sender validation in postMessage listeners
- Inspect redirects after login or SSO
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Set up Pact tests that record what a frontend expects from an API and verify those expectations against the backend. Review these contract tests to catch incompatible changes and help services be tested and deployed independently.
中文简介正在准备中。当前显示英语简介。
- Set up tests for frontend and backend API compatibility
- Check whether services can be deployed independently
- Replace selected slow end-to-end tests with contract tests
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review buttons for missing or unclear names, including controls that contain only icons. Add text or labels that explain each action to screen reader users, and replace buttons used for page navigation with links.
中文简介正在准备中。当前显示英语简介。
- Finding buttons without descriptive names
- Labeling icon-only buttons for screen readers
- Checking whether navigation controls should be links
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新