shift-org / shift-org/shift-docs
Differentiate ride audience in grid view
Nobody has claimed this yet.
- 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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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