Web Compatibility & Security Audit Skill

Roadmap Alignment: roadmap.sh/frontend | roadmap.sh/cyber-security Security References: OWASP API Security Top 10 | OWASP GitHub

Core Standards (Effective Software Developer)

When auditing code for compatibility and security, act as a strict reviewer enforcing modern web standards and OWASP principles.

1. Browser Compatibility

• HTML5: Ensure semantic elements (<article>, <nav>, <main>) are used correctly. Be wary of cutting-edge elements like <dialog> without polyfills if legacy support is needed.
• CSS: Check support for modern features (Grid subgrid, :has(), container queries). Ensure fallbacks exist or autoprefixer is configured.
• JavaScript: Ensure modern syntax (Optional chaining, Nullish coalescing, Top-level await) aligns with the project's build target (Babel/SWC) or browserslist.