search

wordplaydev / wordplay

An accessible, language-inclusive programming language and IDE for creating interactive typography on the web.
Other
63 stars 44 forks source link

Accessibility issues: color contrast in the bottom navigation bar #314

Closed MichelleGuan1128 closed 11 months ago

MichelleGuan1128 commented 11 months ago

Expected behavior

Expect to see a higher color contrast in the navigation bar.

Actual behavior

  1. Navigate to 'Galleries'.
  2. Click on any section within Game, Visualizations, Motion, Audio/Video, or Tools.
  3. The bottom navigation bar might not pass the color accessibility guidelines until hovered over.

Screenshots

Screenshot 2023-12-05 at 1 17 24 PM Screenshot 2023-12-05 at 1 17 43 PM

Environment

Device: MacBook Pro Intel Core i5 OS: MacOS 14.0 Browser FireFox Version 118.0.2

amyjko commented 11 months ago

@MichelleGuan1128 This is by design; the intent was to allow the visitor to focus on the content being shown, without the footer distracting. Hovering over the footer restores contrast. It's not intended to be readable until it's hovered.

What do you think about this design intent? Can you think of a better way to avoid distraction from the content, while also making it clear that the footer is available? Suggest redesigns!