thedaviddias/front-end-checklist

1

select-name Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible nam…

thedaviddias/front-end-checklist

5

2

sensory-instructions Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid sensory-only ins…

thedaviddias/front-end-checklist

5

3

service-area Use when applies to service businesses (plumbers, lawyers, consultants) serving multiple regions. Use when planning l…

thedaviddias/front-end-checklist

5

4

session-cookie-flags Use when reviewing server-side session management, setting up authentication middleware, or auditing cookie configura…

thedaviddias/front-end-checklist

5

5

session-timeout-recovery Use when reviewing authenticated user flows or long forms. Check both client and server behavior: warning timing, dia…

thedaviddias/front-end-checklist

5

6

share-buttons Use when applies to blog posts, news articles, tutorials, and other long-form content. Less relevant for product page…

thedaviddias/front-end-checklist

5

7

special-chars Use when applies to any site with user-generated slugs, CMS-generated URLs, or content in non-English languages. Use …

thedaviddias/front-end-checklist

5

8

specificity-management Use when reviewing stylesheets, component styles, and responsive behavior related to Keep CSS specificity low and fla…

thedaviddias/front-end-checklist

5

9

sprite-generation Use when reviewing image assets, markup, and CDN or build transforms related to Use image sprites where appropriate. …

thedaviddias/front-end-checklist

5

10

stack-trace-exposure Use when reviewing error handling middleware, API route handlers, or server responses for security-sensitive informat…

thedaviddias/front-end-checklist

5

11

stop-words Use when applies primarily when creating new content pages. Low priority for existing indexed pages where redirect ri…

thedaviddias/front-end-checklist

5

12

subgrid Use when reviewing card grid layouts with misaligned content areas, or any nested grid where child items need to alig…

thedaviddias/front-end-checklist

5

13

subresource-integrity Use when reviewing templates, rendered HTML, or shared components related to Add Subresource Integrity to external sc…

thedaviddias/front-end-checklist

5

14

table-headers Use when reviewing rendered HTML, interactive components, or design-system patterns related to Define proper table he…

thedaviddias/front-end-checklist

5

15

text-expansion Use when reviewing CSS for fixed dimensions, truncation, or overflow rules on elements that render translatable strin…

thedaviddias/front-end-checklist

5

16

text-in-images Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid images of text. …

thedaviddias/front-end-checklist

5

17

third-party-cookies Use when reviewing a website for privacy compliance, third-party resource loading, or cookie consent implementation.

thedaviddias/front-end-checklist

5

18

trailing-slash Use when applies to all static and dynamic websites. Use when auditing a site for duplicate content, setting up a new…

thedaviddias/front-end-checklist

5

19

trust-signals Use when applies especially to e-commerce checkouts, contact/lead forms, pricing pages, and YMYL (Your Money or Your …

thedaviddias/front-end-checklist

5

20

video-thumbnail Use when applies to all `<video>` elements in HTML.

thedaviddias/front-end-checklist

5

21

view-transitions Use when adding page transition animations, image expand/contract effects, shared-element transitions, or improving n…

thedaviddias/front-end-checklist

5

22

viewport-zoom Use when applies to any `<meta name='viewport'>` element in HTML documents. Check the `content` attribute for `user-s…

thedaviddias/front-end-checklist

5

23

visual-regression Use when reviewing CI coverage, automated checks, or test strategy related to Use visual regression testing. Focus on…

thedaviddias/front-end-checklist

5

24

weak-internal-links Use when applies to any site with more than 20 pages. Use when auditing site architecture, investigating why certain …

thedaviddias/front-end-checklist

5

25

web-app-manifest Use when reviewing templates, rendered HTML, or shared components related to Link a Web App Manifest for installabili…

thedaviddias/front-end-checklist

5

26

webfont-format Use when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. Check…

thedaviddias/front-end-checklist

5

27

internal-links Use when auditing a site's internal link structure, identifying pages that need more incoming links, generating conte…

thedaviddias/front-end-checklist

4

28

token-storage-security Use when reviewing authentication implementation, setting up a new auth system, or evaluating whether the current tok…

thedaviddias/front-end-checklist

4

29

twitter-cards Use when applies to any page intended to be shared on X (Twitter). Use when auditing social sharing previews or addin…

thedaviddias/front-end-checklist

4