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-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Review links embedded in body text to check whether readers can recognize them without relying on color alone. Identify CSS issues with underlines, color contrast, and hover or keyboard focus states, then suggest specific fixes.
中文简介正在准备中。当前显示英语简介。
- Review body text links after removing underlines
- Check contrast between links and surrounding text
- Inspect hover and keyboard focus cues
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Create and audit meta descriptions, the short page summaries used in search results. Find missing, duplicate, or unsuitable descriptions and write distinct summaries that accurately explain each page’s content and value.
中文简介正在准备中。当前显示英语简介。
- Writing descriptions for new pages
- Finding missing or duplicate descriptions
- Reviewing description length and HTML markup
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review JavaScript libraries for outdated versions, known security flaws, and unnecessary size. Use performance measurements to identify costly dependencies, then recommend secure updates or lighter alternatives with specific files and requests to investigate.
中文简介正在准备中。当前显示英语简介。
- Checking dependencies for known security flaws
- Investigating libraries behind slow page loads
- Considering lighter library alternatives
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review JavaScript JSON parsing for malformed input and unexpected data structures. Add error handling and validate parsed data before use, helping prevent failures when reading API responses, browser storage, or user-provided content.
中文简介正在准备中。当前显示英语简介。
- Reviewing JSON parsing in API response handling
- Handling malformed data from localStorage
- Validating data structures before accessing properties
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit informational pages so AI assistants can extract and understand their content. Review headings, HTML structure, content availability without JavaScript, and structured data, then suggest changes that make individual sections clearer when read on their own.
中文简介正在准备中。当前显示英语简介。
- Review pages intended for AI-generated answers
- Make headings and sections understandable on their own
- Check whether key content is available without JavaScript
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit page loading and defer offscreen images, videos, iframes, and heavy components until needed. Use measurements and page context to identify suitable changes while keeping images needed for the initial view loaded with priority.
中文简介正在准备中。当前显示英语简介。
- Investigate slow initial page loads
- Defer images below the initial viewport
- Delay offscreen videos, iframes, and heavy components
thedaviddias/Front-End-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Audit and improve `/llms.txt`, a curated starting point for AI tools browsing documentation. Check its location, the usefulness and accessibility of linked pages, and its separation from existing crawl and indexing controls.
中文简介正在准备中。当前显示英语简介。
- Audit llms.txt on a public documentation site
- Select useful API references and getting-started guides
- Check documentation links for availability
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Check that HTML declares the correct page language and marks sections written in other languages. Find missing, empty, or invalid language tags and suggest corrections that support screen reader pronunciation, browser translation, and spell checking.
中文简介正在准备中。当前显示英语简介。
- Checking the language declared for a page
- Marking language changes in multilingual content
- Reviewing language settings for screen reader pronunciation
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
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-Checklist☆ 7.5万2026年10月6日 更新
Create and audit JSON-LD, structured data that describes page content to search engines. Check JSON syntax, schema types, and required fields for articles, products, FAQs, and breadcrumbs, then guide validation for enhanced search results.
中文简介正在准备中。当前显示英语简介。
- Creating structured data for articles and products
- Checking FAQ and breadcrumb structured data
- Finding JSON syntax errors and missing required fields
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Inspect compressed JavaScript bundles, the files that package application code, to find excessive size and loading costs. Recommend splitting code, removing unused portions, and reviewing dependencies based on measured effects on page responsiveness.
中文简介正在准备中。当前显示英语简介。
- Finding JavaScript files over 200KB after compression
- Investigating delays before a page becomes interactive
- Reducing bundle size through code splitting
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review HTML list structure so screen readers can identify lists and announce item counts. Find list items without valid containers, check custom accessibility roles, and guide fixes to markup used for navigation or styling.
中文简介正在准备中。当前显示英语简介。
- Review list markup split across components
- Fix navigation lists with invalid nesting
- Check parent roles for custom lists
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit a business website for inconsistent names, addresses, and phone numbers. Compare visible page content with structured data, then standardize spelling and formatting to support accurate business information in local search.
中文简介正在准备中。当前显示英语简介。
- Check business details across a local website
- Standardize address and phone number formats
- Compare structured data with visible contact details
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit JavaScript delivered to modern browsers for unnecessary older code and compatibility patches. Confirm performance costs with measurements, then review build targets and browser-specific delivery to reduce avoidable download size and processing work.
中文简介正在准备中。当前显示英语简介。
- Investigating slow page loads
- Checking unnecessary JavaScript compatibility code
- Reviewing build targets for modern browsers
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Scan links within the same domain for the nofollow attribute, a setting used to qualify links for search engines. List affected pages, link text, and destinations, then guide removal or changes based on the intended purpose.
中文简介正在准备中。当前显示英语简介。
- Auditing nofollow attributes on internal links
- Reviewing links in navigation, headers, and footers
- Finding nofollow applied broadly by templates
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review mobile test coverage across real devices and simulated screen sizes. Find gaps in automated checks and CI, the workflow that runs project checks, and add Playwright tests for key mobile user flows.
中文简介正在准备中。当前显示英语简介。
- Reviewing mobile test coverage in CI
- Adding Playwright tests for mobile user flows
- Planning Android and iOS real-device checks
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Find resources loaded over unencrypted HTTP within HTTPS pages, a problem called mixed content. Review resource URLs and security headers, then guide HTTPS replacements and automatic request upgrades to address blocked or insecure resources.
中文简介正在准备中。当前显示英语简介。
- Auditing HTTP resources on HTTPS pages
- Checking resource URLs after an HTTPS migration
- Fixing old content with embedded HTTP URLs
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit and write page titles for search results and browser tabs. Check that each page has one descriptive title, an appropriate length, a unique wording across the site, and its main keyword near the beginning.
中文简介正在准备中。当前显示英语简介。
- Auditing title tags before publishing pages
- Finding duplicate titles across a site
- Writing titles around a main keyword
thedaviddias/Front-End-Checklist☆ 7.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-Checklist☆ 7.5万2026年10月6日 更新
Audit JavaScript page redirects, confirm their impact on loading time with performance measurements, and identify where server-side 301 or 302 redirects can replace them. Get specific findings and an explanation of loading and search indexing concerns.
中文简介正在准备中。当前显示英语简介。
- Investigating slow loads caused by page redirects
- Reviewing redirects that use window.location
- Planning server-side 301 or 302 redirects
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Find and fix JavaScript memory leaks that accumulate as people use a web app. Review event listeners, timers, retained page elements, and outdated asynchronous tasks, then explain how to verify cleanup in the browser.
中文简介正在准备中。当前显示英语简介。
- Investigating rising memory use during long sessions
- Reviewing cleanup when components are removed
- Canceling outdated requests after view changes
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新