[]

Frontend

The best skills for engineering-related work, like building, testing, reviewing and shipping software.

  • aria-toggle-field-name

    Name toggle fields such as checkboxes, radios and switches for screen readers

    ★74.6K
  • aria-tooltip-name

    Give tooltips accessible names so their text is announced with the trigger

    ★74.6K
  • aria-treeitem-name

    Build custom tree widgets with correct treeitem and group roles and names

    ★74.6K
  • aria-valid-attr

    Find and remove ARIA attributes that do not exist in the ARIA spec

    ★74.6K
  • aria-valid-attr-value

    Check that ARIA attributes use values the spec allows, like true or mixed

    ★74.6K
  • audio-descriptions

    Add audio description tracks so blind and low vision viewers follow video content

    ★74.6K
  • autofocus-avoidance

    Remove autofocus from form fields so screen reader users are not interrupted

    ★74.6K
  • autoplay-media

    Stop autoplaying audio and video that surprises users and hurts accessibility

    ★74.6K
  • blocked-links

    Find links and resource URLs that common ad blocker lists will block

    ★74.6K
  • breadcrumb-navigation

    Build breadcrumb navigation with landmark and current page markup for screen readers

    ★74.6K
  • broken-html

    Fix malformed HTML such as unclosed tags and nested elements in invalid places

    ★74.6K
  • broken-images

    Find and fix broken image references on pages and in templates

    ★74.6K
  • button-name

    Give icon-only and empty buttons accessible names for screen readers

    ★74.6K
  • carousel-accessibility

    Make image carousels keyboard operable with pause controls and labeled slides

    ★74.6K
  • cascade-layers

    Organize CSS with cascade layers to fix specificity fights in large codebases

    ★74.6K
  • charset

    Declare UTF-8 charset in HTML so text renders correctly across browsers

    ★74.6K
  • clean-up-comments

    Strip HTML comments and debug code from production templates and builds

    ★74.6K
  • console-cleanup

    Remove console.log calls from production bundles so logs do not leak data

    ★74.6K
  • const-let

    Replace var with const and let to avoid hoisting and scope bugs in JavaScript

    ★74.6K
  • container-queries

    Use container queries so components adapt to their own width, not the viewport

    ★74.6K
  • content-without-css

    Check that page meaning and reading order still work with CSS turned off

    ★74.6K
  • css-at-property

    Use CSS @property to animate custom properties and type design tokens

    ★74.6K
  • css-containment

    Apply CSS containment to limit repaints to the parts of the page that change

    ★74.6K
  • css-custom-properties

    Use CSS custom properties as design tokens for colors, spacing and type

    ★74.6K
  • css-grid

    Use CSS Grid for two-dimensional page and component layouts

    ★74.6K
  • css-order

    Order stylesheets so cascade rules resolve in the intended sequence

    ★74.6K
  • css-print

    Add a print stylesheet so pages print cleanly without navigation or ads

    ★74.6K
  • currency-formatting

    Format prices, numbers and dates with Intl APIs instead of hand-built strings

    ★74.6K
  • custom-element-accessibility

    Make Web Components handle ARIA, keyboard input and form association correctly

    ★74.6K
  • dark-mode-css

    Support dark mode with prefers-color-scheme in your stylesheets

    ★74.6K
  • decorative-elements

    Hide decorative images and icons from screen readers so they do not add noise

    ★74.6K
  • defer-async

    Load scripts with defer, async or type module so HTML parsing is not blocked

    ★74.6K
  • definition-list

    Structure term and definition pairs with correct dl, dt and dd markup

    ★74.6K
  • dimensions

    Set explicit width and height on images to stop layout shift during load

    ★74.6K
  • direction-attribute

    Set the dir attribute so right to left languages render in the correct direction

    ★74.6K
  • dlitem

    Wrap definition items in a dl list so their structure is valid HTML

    ★74.6K
  • doctype

    Check that every HTML document starts with a valid doctype declaration

    ★74.6K
  • draggable-accessibility

    Give drag and drop interfaces keyboard and screen reader alternatives

    ★74.6K
  • duplicate-id-active

    Keep IDs unique on interactive elements so labels and events hit the right node

    ★74.6K
  • duplicate-id-aria

    Keep IDs unique for elements that ARIA attributes reference

    ★74.6K
  • element-hiding

    Find layout breaks caused by ad blocker rules that hide common class names

    ★74.6K
  • embedded-or-inline-css

    Move embedded and inline styles into external stylesheets for easier caching

    ★74.6K
  • empty-heading

    Make sure every heading contains text so screen readers announce a title

    ★74.6K
  • empty-links

    Fix empty and broken links that have no text or destination for users

    ★74.6K
  • error-handling

    Add error handling to client scripts so failures do not break the whole page

    ★74.6K
  • error-images

    Show a fallback when images fail to load instead of a broken icon

    ★74.6K
  • es-modules

    Use ES module import and export syntax to structure JavaScript code

    ★74.6K
  • event-delegation

    Attach one event listener to a parent for dynamic child elements

    ★74.6K
  • favicon

    Set up a correct favicon link in the head for browser tabs and bookmarks

    ★74.6K
  • favicons

    Provide favicons for every device, from touch icons to Android and Windows

    ★74.6K