shift-org / shift-org/shift-docs

Differentiate ride audience in grid view

Open
#684 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement frontend
Dominant language
JavaScript
Stars
30
Forks
25
Avg merge
9m
Merged PRs (30d)
1

Description

In the calendar list view, the "Family Friendly" and "21+ Only" tags provide a way to know the ride audience at a glance. In the grid view, there isn't currently a way to differentiate those without clicking on each one to view its listing.

Explore ways to indicate those different states:

  • Can use color, but it can't be the only differentiator unless there's at least 3:1 contrast between colors ; see WCAG SC 1.4.1 (Use of Color). Note that we already use a different color to signify featured events (which, granted, is close to but doesn't meet 3:1 with the default event type). Also consider if a ride is both, say, family friendly and featured (e.g. 2024 Kickoff Ride).
  • There's limited space to work with in month view; there's a bit more in week or day views.
  • Also consider the "Up next" list view on the homepage.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the calendar grid view, calendar list view, and homepage “Up next” entry points, then compare how event tags and featured events are currently represented. Review the linked WCAG SC 1.4.1 guidance and account for month, week, and day space constraints. Done means a decided, accessible way to distinguish Family Friendly and 21+ Only rides, including rides that are also featured.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.