Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

♿ improve accessibility and refactor headers #8

Merged
merged 31 commits into from
Jan 5, 2023
Merged

Conversation

satnaing
Copy link
Owner

@satnaing satnaing commented Jan 5, 2023

Accessibility Improvements ♿️

  • add aria-labels
  • hide decorative elements in screen-readers
  • screen-reader live announcement for theme changes
  • merge mobile and desktop navbar into one

Skip screen-reader on background texts. Update aria-label and alt text for illustrations.
Update project link titles. Make links target="_blank". Update tech stack texts with unordered list (ul) element.
Replace formatDatetime function with more accessible React component Datetime.tsx
Hide some element from screen-reader. Make carousel and image card to be lists. Add alt text for blog card cover image.
Update nav structure for both mobile and desktop instead of seperating one for mobile and desktop. Update theme button aria-label according to theme value changes.
Make mobile bottom nav position relative to viewport instead of its parent. Update header shadow on scroll.
Combine separate nav bars of blog header for mobile and desktop. Update navbar animations. Improve accessibility.
@vercel
Copy link

vercel bot commented Jan 5, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
sat-naing-portfolio ✅ Ready (Inspect) Visit Preview Jan 5, 2023 at 0:23AM (UTC)

@satnaing satnaing merged commit 2dc4f48 into main Jan 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant