Skip to content
cccskills

Testing & Security skills

Test design, vulnerability assessment, and quality assurance (13K skills)

Filter by price or sort order

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-Checklist74.5KUpdated Oct 6, 2026

cookie-consent

FreeSummary

Review whether analytics and advertising trackers stay blocked until users consent to non-essential cookies. Check rejection, withdrawal, and access to cookie settings, and get implementation guidance tied to actual browser behavior.

  • Checking whether trackers run before consent
  • Reviewing cookie rejection and withdrawal behavior
  • Keeping cookie preferences accessible after banner dismissal
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review sign-in, registration, multi-factor authentication, and account recovery for accessibility barriers. Find blocked paste, difficult code entry, and inaccessible backup methods, then suggest authentication paths that support password managers, autofill, or device approval.

  • Reviewing accessibility across the sign-in process
  • Checking verification code paste and autofill
  • Inspecting password reset and account recovery
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review and add automated accessibility checks for components, pages, and continuous integration workflows. Use axe-based tools to detect structural and attribute issues, while identifying checks that still need keyboard or screen reader testing.

  • Review accessibility coverage for shared components
  • Add accessibility checks to page flow tests
  • Run accessibility tests in CI
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

aria-text

FreeSummary

Review rendered HTML for links, buttons, or inputs inside role="text" containers. Identify controls hidden from screen readers, suggest markup changes, and explain how to check keyboard access and screen reader output after fixing them.

  • Reviewing links and buttons inside text containers
  • Investigating controls missing from screen reader output
  • Checking accessibility in design system components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review form errors, success messages, and live updates so screen reader users receive important notifications. Check the HTML delivered to the browser, announcement settings, display duration, and dismissal controls, then identify specific elements that need changes.

  • Reviewing form error announcements
  • Checking success message display duration
  • Auditing live update notifications
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

autoplay-media

FreeSummary

Inspect web pages for automatically playing audio and video, then remove autoplay or adjust required playback with muted defaults and accessible pause controls. Review keyboard access so users can stop media promptly.

  • Review audio and video autoplay on page load
  • Add muted playback and pause controls
  • Check keyboard access to media controls
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

aria-hidden-body

FreeSummary

Check whether aria-hidden on the document body hides an entire page from screen readers, tools that read content aloud. Identify problematic states and suggest limiting hiding to specific background containers.

  • Checking accessibility when a modal opens
  • Investigating why a page is missing from screen readers
  • Reviewing body attributes across UI state changes
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

aria-labels

FreeSummary

Check buttons, links, and other controls for clear accessible names, the labels used by assistive technology. Identify missing or vague names and suggest descriptive text or aria-label attributes that explain each action or destination.

  • Find buttons and links with missing names
  • Replace vague labels with descriptive wording
  • Review accessible names in shared components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review custom tabs, menus, lists, and similar controls for required ARIA child roles, which describe interface elements to assistive technology. Identify missing roles and structural wrappers that prevent screen readers from recognizing the items.

  • Reviewing the structure of custom tabs and menus
  • Investigating items missing from screen reader output
  • Checking lists and selectors built with div or span elements
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

aria-roles

FreeSummary

Review ARIA roles, labels that tell assistive technology what page elements do, and correct invalid values. Prefer standard HTML controls where suitable, then check keyboard behavior, focus movement, and screen reader output to verify the changes.

  • Finding invalid or misspelled ARIA role values
  • Replacing custom widgets with standard HTML controls
  • Reviewing accessibility in shared UI components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review ARIA attributes, which describe interface elements to assistive technology, for invalid values and missing ID references. Get specific corrections and guidance for checking that element states and labels are communicated correctly.

  • Checking ARIA values in interactive components
  • Finding missing IDs referenced by ARIA attributes
  • Reviewing accessibility fixes before release
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

avoid-eval

FreeSummary

Find JavaScript that executes strings as code, including eval(), new Function(), and string-based timers. Review how it runs in the browser and suggest alternatives for parsing data, choosing operations, and scheduling functions to reduce code injection risks.

  • Finding eval() and other string execution
  • Replacing eval() used to parse JSON
  • Changing string-based timers to function references
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review buttons, links, and menu items to check whether screen readers announce their purpose. Identify missing accessible names, meaning labels available to assistive technology, and suggest fixes using text or ARIA attributes, with guidance for verification.

  • Checking labels on buttons and links
  • Reviewing accessibility in a design system
  • Verifying screen reader output after label fixes
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

accesskeys

FreeSummary

Check a page for duplicate accesskey values, which define keyboard shortcuts for elements. Identify conflicting assignments, suggest unique values or removal, and describe how to verify keyboard behavior with browser accessibility tools or assistive technology.

  • Finding duplicate keyboard shortcut assignments
  • Reviewing keyboard access to interactive elements
  • Checking accessibility after shortcut changes
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review same-page links for accessible scrolling. Check that reduced-motion preferences disable animated scrolling, provide guidance for instant navigation, and verify that keyboard focus moves to the destination so users can continue navigating there.

  • Reviewing same-page navigation links
  • Checking scrolling with reduced motion enabled
  • Fixing keyboard focus at anchor destinations
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Check form fields for accessible names, the labels used by screen readers and voice controls. Identify missing or placeholder-only labels and suggest fixes using associated labels or ARIA attributes that supply or reference label text.

  • Finding missing labels in forms
  • Fixing fields that rely only on placeholder text
  • Checking names on custom form controls
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review videos for information conveyed only through images, such as actions, expressions, and on-screen text. Identify missing audio descriptions and outline options for a separate description track, an extended version, or descriptions within the main narration.

  • Checking product demos for information missing from the audio
  • Planning audio descriptions for actions and on-screen text
  • Reviewing video description markup and player interactions
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review HTML for deprecated ARIA roles, which describe elements to assistive technology, and abstract roles that should not appear in markup. Suggest recommended replacements or native HTML elements and explain potential browser and screen reader compatibility issues.

  • Find deprecated ARIA roles in existing code
  • Review whether native HTML can replace custom roles
  • Inspect role usage in shared UI components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

blocked-links

FreeSummary

Review links and external resources for domains that ad blockers commonly block. Find navigation and loading failures, test behavior with uBlock Origin, and suggest direct links, self-hosted scripts, or server-side forwarding where appropriate.

  • Investigate links that fail with ad blockers enabled
  • Check loading of external scripts and images
  • Review tracking redirects in navigation links
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review progress bars to ensure screen reader users can tell which task they represent. Add descriptive accessible names, check progress semantics, and verify value attributes when the current progress is known.

  • Check progress bars for missing accessible names
  • Label loading indicators with their task
  • Review progress values and ranges
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

aria-valid-attr

FreeSummary

Check HTML for misspelled or nonexistent ARIA attributes, which convey interface information to assistive technology. Replace invalid names with standard attributes and explain how to verify that screen readers can interpret element roles and states.

  • Checking HTML for misspelled ARIA attributes
  • Investigating interface states missing from screen reader output
  • Reviewing accessibility attributes in shared components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Review forms for autofocus that moves users past introductory content when a page loads. Suggest removing it or moving focus after user interaction, while considering exceptions for login pages and pages dedicated to search.

  • Reviewing forms with introductory content
  • Investigating unexpected scrolling on page load
  • Moving focus after a user action
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

agent-eval

FreeSummary

Benchmark how CodeGraph affects an agent investigating a real codebase. Choose a version, language, repository, and execution mode, then compare cost, tool calls, file reads, and answer correctness with and without CodeGraph.

  • Evaluating a local development build
  • Auditing a published CodeGraph version
  • Comparing investigation cost and file reads
colbymchenry/codegraph74.5KUpdated Oct 19, 2026