A modern, responsive, and accessible portfolio website built with HTML, CSS, and vanilla JavaScript.
- Fully Accessible: WCAG 2.1 AA compliant with ARIA attributes and keyboard navigation
- Responsive Design: Works on all device sizes
- Performance Optimized: Fast loading with minimal dependencies
- Progressive Enhancement: Works without JavaScript
- Print Styles: Print-friendly version of the content
- Reduced Motion: Respects user preferences for reduced motion
- Semantic HTML5 elements
- ARIA landmarks and roles
- Keyboard navigation
- Skip links
- Focus management
- High contrast mode support
- Reduced motion support
- Screen reader optimized
- Form validation
- Error handling
- Modern web browser (Chrome, Firefox, Safari, Edge)
- Code editor (VS Code, Sublime Text, etc.)
- Node.js (optional, for development tools)
/
├── index.html # Main HTML file
├── styles.css # Main styles
├── css/
│ └── accessibility.css # Accessibility-specific styles
├── js/
│ └── main.js # Main JavaScript file
└── assets/ # Images and other assets
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Mobile Safari (iOS 12+)
- Chrome for Android (latest)
- Keyboard navigation
- Screen reader testing (NVDA, VoiceOver, TalkBack)
- Color contrast verification
- Responsive design testing
- Form validation
- Print styles
Run the following commands to test the website:
# Install dependencies (if any)
npm install
# Run accessibility audit (requires Node.js)
npx pa11y http://localhost:8000- Build the project (if needed)
- Upload files to your web server
- Test the live site for accessibility and performance
MIT License - see the LICENSE file for details.
For any questions or feedback, please open an issue or contact the maintainer.