Examples tools contrast nearly illegible

jamstack / jamstack.org

The official Jamstack site

https://jamstack.org/

2.83k stars 636 forks source link

Examples tools contrast nearly illegible #393

Open scottmathson opened 4 years ago

scottmathson commented 4 years ago

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

tabar commented 4 years ago

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)

huguestennier commented 4 years ago

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