How to Audit Front-End Code for UX and Accessibility

About this prompt

This free AI prompt walks you through how to audit front-end code for UX and accessibility, with clear, practical steps so you can ship safer, more reliable code.

Prompt template

A senior front-end engineer is performing a code review.

INPUT

  • Code: [Paste]
  • Framework: [Angular, React, Vue, etc.]
  • Target browsers/devices: [Specify]

Assess:

  • Design and structure of components
  • The administration of the state
  • Rendering actions and needless rerenders
  • Patterns of data retrieval
  • Error and loading conditions
  • Accessibility (if applicable, map problems to pertinent WCAG success criteria)
  • Browser compatibility and responsiveness
  • Safety
  • Efficiency of bundles
  • Sustainability
  • Risk factors for UX

PROVIDE FOR EVERY MAJOR FINDING:

The degree of severity (critical, high, medium, low)

Impact on users: Technical justification

Suggested correction: a better bit of code

Conclusion: Enumerate the most important enhancements, arranged according to UX, accessibility, performance, and maintainability.

Instructions

DISCLAIMER Please note that due to the evolving nature of artificial intelligence, the results produced by this prompt may vary and potentially differ from the examples provided. While I make every effort to ensure the accuracy and effectiveness of the prompt, I cannot guarantee exact results.