Improve accessibility (contrast) on Edge Native website

EclipseFdn / edgenative.eclipse.org

To deliver production-ready platforms for the development, operation, and management of edge native applications deployed to heterogeneous environments where computational power and data storage are physically distributed wherever they are needed.

https://edgenative.eclipse.org

Eclipse Public License 2.0

3 stars 12 forks source link

Improve accessibility (contrast) on Edge Native website #12

Closed chrisguindon closed 4 years ago

chrisguindon commented 4 years ago

As mentioned in https://github.com/EclipseFdn/edgenative.eclipse.org/pull/7#issuecomment-563608351, we do have some accessibility issues that we need to solve with the new design.

For example, the hamburger menu is barely visible in some screen size.

Screen Shot 2019-12-10 at 10 48 21 AM

@ChristieWittEclipse, could you post some recommendations to help us improve the contrast on the site.

ChristieWittEclipse commented 4 years ago

@chrisguindon here are my recommendations (see screenshot): Edge Native Working Group The Eclipse Foundation

Make button square 100% opacity, white.
Make text color #d6196e
Make hover state 75% opacity, white
Make hover text color #d6196e
Update favicon to be pink (attached) favicon_io.zip

chrisguindon commented 4 years ago

Thanks @ChristieWittEclipse!

+1 for your recommendations but please note that the favicon is already pink: https://edgenative.eclipse.org/images/edgenative/favicon/favicon.ico

Your browser probably has the old one cached.

ChristieWittEclipse commented 4 years ago

@chrisguindon perfect! It was cached.

chrisguindon commented 4 years ago

Thank you @autumnfound and @ChristieWittEclipse