Review whether every page provides an accessible privacy policy link, especially in the footer. Check that the policy explains data collection, use, sharing, retention periods, contact details, and user rights, and identify missing information.
- Checking privacy policy links across all pages
- Adding a privacy policy link to a shared footer
- Reviewing data retention and sharing disclosures
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review form fields for code that blocks pasting, then remove those restrictions. The skill helps check password manager use, keyboard interactions, and accessibility so people can paste passwords and other long values into inputs.
- Checking why passwords cannot be pasted
- Reviewing credit card fields for paste restrictions
- Improving form accessibility
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review HTTP response headers and restrict browser features an application does not need, such as camera, microphone, and location access. Guide Permissions-Policy settings that limit what attackers could use if the site is compromised.
- Review security headers before a release
- Disable unused camera and microphone features
- Check feature restrictions for third-party iframes
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Audit account settings, privacy pages, and API routes for a complete data deletion flow. Check browser storage cleanup, server deletion requests, and user confirmation, then identify missing pieces and guide implementation.
- Audit account deletion flows
- Check browser storage cleanup
- Review server deletion requests
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.
- Checking support for reduced motion settings
- Reviewing flashing content frequency
- Finding alternatives to scrolling effects
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review password fields for security and ease of use. Check autocomplete settings, accessible visibility controls, strength indicators, and password manager support, then verify relevant browser and HTTP behavior in an environment resembling production.
- Reviewing login and registration forms
- Checking password manager compatibility
- Improving accessible password visibility controls
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review mobile and tablet pages in portrait and landscape. Identify orientation locks, blocking rotation messages, and hidden controls, then suggest responsive layout changes so essential content and actions remain usable in both orientations.
- Checking mobile and tablet orientation support
- Reviewing forms after device rotation
- Inspecting dashboard and media layouts
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review HTML and JSX links that open new tabs, identify missing rel attributes, and add protective values. The skill also explains how these values prevent changes to the original tab and control referral information.
- Reviewing links that open in new tabs
- Fixing missing rel attributes in JSX
- Understanding noopener and noreferrer
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
Evaluate whether tests catch defects in business logic, calculations, or state machines. Using Stryker, the skill introduces small code changes, reviews which changes escape detection, and helps strengthen tests where important behavior is insufficiently checked.
- Checking test quality beyond code coverage
- Introducing Stryker for a single module
- Strengthening tests for critical calculations
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.
- Finding automatic redirects in HTML
- Replacing meta refresh with server-side redirects
- Reviewing page transitions for screen reader users
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Check the HTML delivered to browsers for broken internal, external, anchor, and email links. Locate errors and unintended redirects, suggest URL updates or replacements, and help introduce automated checks and ongoing monitoring.
- Checking links on documentation or e-commerce sites
- Reviewing links produced by shared components
- Adding automated link checks to CI/CD
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.
- Checking the main region in a page template
- Fixing duplicate main regions in combined layouts
- Reviewing navigation to primary content with a screen reader
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
Review page source, browser JavaScript, and Git history for exposed API keys, passwords, and tokens. Identify potential leaks and guide fixes, including moving secrets to the server, replacing compromised credentials, and adding checks before commits.
- Checking browser code for exposed API keys
- Finding credentials committed to Git
- Moving secret-dependent API calls to the server
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
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-Checklist☆ 74.5KUpdated Oct 6, 2026
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-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026