search

timlrx / tailwind-nextjs-starter-blog

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
https://tailwind-nextjs-starter-blog.vercel.app/
MIT License
8.83k stars 2.05k forks source link

Accessibility improvement: match aria-label to tag text for "read more" links #749

Closed curt-mitch closed 1 year ago

curt-mitch commented 1 year ago

Currently when performing a Lighthouse analysis of the demo deployment of this template, the accessibility (a11y) score is 92 for both mobile and desktop with the following warnings:

Having the aria-label in the "Read More" link element of the post list item more closely match the tag's text ("Read more") increases the accessibility score to 96 for both mobile and desktop.

The color contrast warning can be fixed with different primary/secondary colors in the Tailwind configuration, but I think changing that should be up to @timlrx and/or individual users of the template.

vercel[bot] commented 1 year ago

Someone is attempting to deploy a commit to a Personal Account owned by @timlrx on Vercel.

@timlrx first needs to authorize it.

vercel[bot] commented 1 year ago

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

Name Status Preview Comments Updated (UTC)
tailwind-nextjs-starter-blog ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 1, 2023 3:58am
timlrx commented 1 year ago

Thanks for the patch. Agree to leave the color decisions to the users - I just rotate it every major version for a fresh coat of paint.