web-design-guidelines

Request a UI review and the audit checks APCA contrast ratios (Lc > 75 for body text), keyboard focus visibility, semantic HTML, and touch targets of at least 48px. Findings are reported as blockers or warnings with specific fixes.

The audit evaluates LCP under 1.5 seconds, INP under 100 milliseconds, and CLS of 0.00. It flags common failures like missing fetchpriority on hero images, main-thread blocking hydration, and images without width and height attributes.

Yes, the audit verifies touch targets meet the 48x48dp Material Design minimum (44x44px Apple HIG). Undersized targets are flagged as high-severity findings with fixes like increased padding or min-height.

Animating layout properties like margin or width forces expensive CPU recalculations and harms battery life. The audit recommends GPU-accelerated properties like transform and opacity instead, with spring-based cubic-bezier easing.

The review analyzes code statically and cannot measure real runtime metrics like actual LCP or INP in production. It also cannot judge subjective brand fit, so visual findings like color palette choices should be weighed against brand requirements.