Next.js Accessibility and SEO Audit

概要

This skill provides expert guidance for auditing and enhancing modern Next.js applications built with TypeScript, Tailwind CSS, and shadcn/ui. It evaluates critical accessibility standards including WCAG compliance, ARIA support, and keyboard navigation, while simultaneously optimizing SEO through metadata configuration, Open Graph tags, and semantic structure. Rather than just diagnosing issues, it provides direct code fixes for heading hierarchies, interactive element roles, and structured data, ensuring applications achieve high Lighthouse scores and remain accessible to all users.

主な機能

• Focus management and keyboard navigation enforcement for interactive components
• Integration strategies for Lighthouse CI and automated accessibility testing
• Automated generation of Next.js metadata, Open Graph, and Twitter card configurations
• 1 GitHub stars
• Heading hierarchy and image alt-text auditing for improved content discoverability
• Semantic HTML and ARIA role validation for screen reader and keyboard support

ユースケース

• Standardizing metadata and structured data implementation across dynamic Next.js routes
• Optimizing marketing and blog pages for search engine visibility and social media sharing
• Ensuring complex dashboard components and forms meet accessibility compliance standards