Add ARIA Labels to Components

[Bismanpal-Singh]

♿ Add ARIA Labels to Interactive Elements

Description

Add accessibility labels to buttons, links, and other interactive elements to help screen readers understand what they do.

Tasks:

• Add aria-label to carousel navigation buttons
• Add aria-label to tool buttons in ToolsPage
• Add aria-label to navbar menu items
• Add aria-label to footer links

Files to work on:

• src/components/ui/carousel.tsx
• src/pages/ToolsPage.tsx
• src/components/NavBar.tsx
• src/components/footer.tsx

Example:

<button aria-label="Navigate to next slide">Next</button>

Difficulty: Beginner
Time: 1-2 hours
Labels: accessibility, good first issue