Accessibility: missing alt text on images, no skip navigation, ARIA labels needed

[ryuno2525]

Hi! Beautiful landing page template. I reviewed the live demo and found several accessibility improvements that would make it more inclusive.

Issues Found

1. Images missing descriptive alt text

The logo image, app demo screenshot, and testimonial avatar images lack meaningful alt text. Screen readers cannot describe these visuals to users with vision impairments (WCAG 1.1.1).

Fix: Add descriptive alt text to each image:

• Logo: alt="InWind logo"
• App demo: alt="Screenshot of InWind dashboard" (or whatever the image shows)
• Avatars: alt="Photo of [name]" for each testimonial author

2. No skip navigation link

There is no skip-to-content link for keyboard users. They must tab through all navigation items before reaching the main content (WCAG 2.4.1).

Fix: Add a visually-hidden skip link as the first focusable element.

3. Language selector dropdown lacks ARIA labels

The language picker doesn't have an accessible label describing its purpose (WCAG 4.1.2).

Fix: Add aria-label="Select language" to the dropdown trigger.

4. "Choose Plan" buttons lack context

The pricing section has multiple "Choose Plan" buttons that are indistinguishable to screen reader users navigating by links/buttons (WCAG 2.4.4).

Fix: Add context, e.g., aria-label="Choose Free plan", aria-label="Choose Pro plan".

5. FAQ accordion may lack proper ARIA attributes

Expandable FAQ items should use aria-expanded, aria-controls, and proper roles to communicate state to assistive technologies (WCAG 4.1.2).

WCAG References

• 1.1.1 Non-text Content
• 2.4.1 Bypass Blocks
• 2.4.4 Link Purpose
• 4.1.2 Name, Role, Value

For a quick automated accessibility scan, try:

npx accessscore https://inwind-landing-page.vercel.app

Or visit https://accessscore.autonomous-claude.com

Happy to contribute a PR if you'd like!