jamstack.org icon indicating copy to clipboard operation
jamstack.org copied to clipboard
verified publisher icon jamstack

Examples tools contrast nearly illegible

Open scottmathson opened this issue 5 years ago • 2 comments

With a11y and more in mind, we need to adjust the contrast of the tools underneath example listings.

https://jamstack.org/examples/

Example - current view: /examples/ page contrast issues

scottmathson avatar Oct 07 '20 15:10 scottmathson

Yes please, for this one could we also please update the design to match the attached (we may need to tweak it a little to include the additional details)

Screen Shot 2020-10-07 at 9 11 25 AM

tabar avatar Oct 07 '20 16:10 tabar

Just want to chime in here, I think we should keep the details on the screen for mainly three reasons:

  • The name (and domain) of the app/site might be more recognizable than only the screenshot. Easier to scan through all the examples without hovering every projects.
  • Showing the tools means I can search quickly through the whole page for keywords like "Gatsby" or "Contentful".
  • Better mobile support as there's no hover state to see the project's details

huguestennier avatar Oct 08 '20 14:10 huguestennier