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-Checklist☆ 7.5万2026年10月6日 更新
Review web page headings for skipped levels, unclear labels, and incorrect structure. Organize HTML headings around the content so people using screen readers can understand page sections and navigate between them.
中文简介正在准备中。当前显示英语简介。
- Audit heading levels on a web page
- Improve navigation for screen reader users
- Review headings in design-system patterns
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit links between pages on a website to find important pages with few incoming links. Suggest relevant connections from related content and clearer link text that describes the destination page.
中文简介正在准备中。当前显示英语简介。
- Finding important pages with too few internal links
- Adding relevant links between related articles
- Replacing vague link text with descriptive wording
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review Front-End Checklist rule files and improve their instructions, explanations, and code examples. Use the project's quality scorer and structure validator to identify gaps, replace vague prompts, and organize each rule into a usable reference for developers and agents.
中文简介正在准备中。当前显示英语简介。
- Expanding incomplete Front-End Checklist rules
- Making AI audit and repair prompts more specific
- Checking rule structure and quality before a PR
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
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-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日 更新
Audit a page’s HTTP requests to find unnecessary network activity behind slow loading. Confirm bottlenecks with performance measurements, then suggest changes such as combining files, grouping icons, or embedding resources needed for the initial display.
中文简介正在准备中。当前显示英语简介。
- Investigating slow initial page loads
- Finding unnecessary requests for images, CSS, and JavaScript
- Planning file consolidation and icon sprites
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review JavaScript written directly in HTML and move suitable code into external files. Replace inline event handlers with addEventListener, clarify browser verification steps, and explain how separating code supports maintenance, caching, and security.
中文简介正在准备中。当前显示英语简介。
- Moving JavaScript out of HTML markup
- Replacing onclick handlers with addEventListener
- Reviewing script separation for caching and maintenance
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Find optional features that slow the first page load and defer their code until a user interacts. Use dynamic imports, which load code on demand, and add immediate loading feedback while preserving the initial page experience.
中文简介正在准备中。当前显示英语简介。
- Loading a map only when its panel opens
- Deferring an editor until a user activates it
- Reviewing chat widgets that slow initial loading
thedaviddias/Front-End-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.
中文简介正在准备中。当前显示英语简介。
- Auditing image sizes and formats on slow-loading pages
- Serving suitable image sizes for mobile and desktop screens
- Preventing layout shifts while images load
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit HTML page size and identify oversized embedded JSON, SVGs, images, or scripts. Use the findings to plan lighter pages and investigate whether document size could explain content missing from Google's search index.
中文简介正在准备中。当前显示英语简介。
- Investigating content missing from Google's index
- Reviewing large JSON payloads embedded in HTML
- Checking HTML size across an e-commerce site
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit important pages for settings that interfere with search indexing, including noindex directives, HTTP headers, and robots.txt rules. Identify accidental restrictions, suggest configuration fixes, and guide follow-up checks in Google Search Console.
中文简介正在准备中。当前显示英语简介。
- Investigating important pages missing from Google Search
- Checking for leftover staging restrictions after launch
- Reviewing CMS indexing settings for pages and categories
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日 更新
Audit article update dates across the visible page, HTTP response headers, and structured data that describes the article to search engines. Align these signals with substantive content changes and review how the CMS or build process updates them.
中文简介正在准备中。当前显示英语简介。
- Auditing update dates on articles and blog posts
- Reviewing CMS rules for updating modification dates
- Checking timestamps applied during static site deployments
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit page links to find missing, empty, or unusable href values and navigation handled only by JavaScript. Guide fixes using real URLs and appropriate HTML elements so search engines can discover linked pages.
中文简介正在准备中。当前显示英语简介。
- Auditing navigation links in JavaScript-heavy pages
- Checking href values in dynamically generated links
- Separating navigation links from action buttons
thedaviddias/Front-End-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Review website images and reduce file sizes while limiting visible quality changes. Check compression, formats, display dimensions, loading behavior, and delivery settings, then recommend suitable tools or build automation and verification in browser DevTools.
中文简介正在准备中。当前显示英语简介。
- Find oversized images on web pages
- Choose compression methods for photos and graphics
- Automate image compression during builds
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review form validation so users, including people using screen readers, can understand and correct errors. Check field descriptions, required states, and grouped choices in rendered HTML, while accounting for React forms that handle submission in the browser.
中文简介正在准备中。当前显示英语简介。
- Make form errors understandable to screen reader users
- Check how required fields and grouped choices are marked
- Review validation in React forms
thedaviddias/Front-End-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Audit website image file sizes against guidelines for photos, graphics, hero images, and thumbnails. Report oversized assets with target sizes, distinguish compression issues from dimension mismatches, and guide format conversion and delivery of smaller variants to mobile devices.
中文简介正在准备中。当前显示英语简介。
- Listing oversized images and target file sizes
- Reviewing uploaded images managed by a CMS
- Reducing hero image and thumbnail file sizes
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Measure how Google Tag Manager affects page loading and rendering. Identify costly tags, triggers, and requests, then guide cleanup, asynchronous loading, or a move to server-side processing based on observed performance problems.
中文简介正在准备中。当前显示英语简介。
- Investigate slow pages using GTM
- Review unused tags and triggers
- Check asynchronous script loading
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日 更新
Find JavaScript code that changes existing objects or arrays, then replace those updates with modified copies. Review shared state and browser behavior to make data changes easier to trace and check fixes in context.
中文简介正在准备中。当前显示英语简介。
- Finding direct changes to shared objects
- Replacing push and splice with copy-based updates
- Reviewing state updates in client components
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新