Find important pages that receive no links from elsewhere on the site. Compare crawl results with sitemaps and indexed pages, then suggest relevant existing pages where descriptive internal links could help connect the content.
- Audit internal links across a site
- Investigate pages with low organic search traffic
- Find relevant pages to link to isolated content
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review image loading settings based on where images appear on a page. Identify offscreen images that should load later, keep important visible images loading promptly, and add image dimensions to reduce layout shifts.
- Reviewing lazy loading for images below the first screen
- Checking loading priority for hero images
- Adding dimensions to lazy-loaded images
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Find TypeScript values that bypass type checking through any, including inferred types and assertions. Suggest unknown, generics that preserve type relationships, or Zod validation for external data, with the checks needed where each value is used.
- Addressing ESLint warnings about explicit any
- Reviewing type safety around external API data
- Checking functions that pass any to their callers
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
Audit structured data for businesses serving a physical location or geographic area. Check or add LocalBusiness JSON-LD, a machine-readable format for business details, verify addresses against visible page content, and validate the markup with Google's Rich Results Test.
- Audit structured data on a local business website
- Add business details to home and contact pages
- Choose a specific type for restaurants or stores
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Audit URL capitalization and help standardize paths to lowercase. Review routes, internal links, and sitemaps, then check that uppercase variants permanently redirect to the lowercase address to reduce duplicate page URLs.
- Auditing uppercase letters in URL paths
- Planning lowercase URL handling for a new site
- Verifying 301 redirects for mixed-case URLs
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
Review website navigation markup so screen reader users can identify and jump between navigation areas. Check nav elements, descriptive labels, and skip links, then pinpoint issues in the HTML delivered to the browser.
- Reviewing accessibility of main and footer navigation
- Adding distinct labels to multiple navigation areas
- Checking navigation markup from shared components
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Audit website images and guide conversion to WebP and AVIF, formats that reduce image transfer size. Identify affected files, add fallback images, and review dimensions and loading behavior alongside the impact on initially visible content.
- Finding JPEG and PNG images to convert
- Adding WebP and AVIF sources with fallback images
- Reviewing CSS background image formats
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
Review HTTP Content-Type headers, which identify file formats, across web pages and static assets. Find mismatches that can block stylesheets or scripts, and identify server configuration changes needed to serve resources correctly.
- Investigating stylesheets or scripts that fail to load
- Auditing server settings for static assets
- Checking character encoding and nosniff headers
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 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 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☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
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☆ 74.5KUpdated Oct 6, 2026
Review images, icons, and illustrations for cultural meanings that may confuse international audiences. Suggest neutral alternatives or locale-based replacements with a shared default, and flag embedded text and other visuals that need localization review.
- Reviewing images for an international launch
- Checking gestures and culturally specific symbols
- Switching images by language or region
thedaviddias/Front-End-Checklist☆ 74.5KUpdated Oct 6, 2026
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☆ 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
Audit slow page loads by measuring LCP, the time until the largest visible content appears. Identify bottlenecks in images, server responses, and rendering, then recommend changes supported by measurements.
- Find why a page's main content appears slowly
- Review hero image loading
- Prioritize fixes using Lighthouse measurements
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
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
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