chore(deps): add bun.lock file and improve accessibility

[idan]

This PR makes two significant improvements to the project:

1. Package Management

Added a new bun.lock file to track dependencies, indicating the project now uses Bun as its package manager with a React/TailwindCSS/TypeScript/Vite tech stack. The lock file includes:

Main dependencies:

• React and React DOM (v19.1.1)
• TailwindCSS (v4.1.14)
• Phosphor Icons for React

Dev dependencies:

• TypeScript (v5.9.3)
• Vite (v7.1.7)
• ESLint and related plugins
• Various type definitions

2. Accessibility Improvements

Implemented comprehensive accessibility enhancements to make the application more inclusive:

Improved Semantic Structure:

• Updated page title to be more descriptive
• Added main element with proper ID for content
• Changed story listing to ordered list (ol) structure
• Added proper time element with datetime attribute

ARIA Attributes and Screen Reader Support:

• Added role="status" and aria-live="polite" to loading message
• Added role="alert" and aria-live="assertive" to error message
• Added aria-hidden="true" to decorative elements
• Added aria-label attributes for clarity
• Added sr-only class for visually hidden text
• Added descriptive text for icons

Enhanced Keyboard Navigation:

• Added skip-to-content link
• Improved focus states and outlines
• Fixed focus-within styles
• Added proper separator context between metadata items

These changes make the application more usable for people with disabilities while maintaining the existing functionality for all users.

Created by GitHub Ace · View Channel