Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Differentiate ride audience in grid view

未关闭
#684 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 7 天内回复

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
30/100
Issue 类型
功能
描述清晰度
需要澄清
活跃度
停滞
技术栈
javascript

调研方向

首先定位日历网格视图、日历列表视图和主页“Up next”条目的入口点,然后比较当前如何表示事件标签和精选事件。查看链接的 WCAG SC 1.4.1 指南,并考虑月、周和日的空间限制。完成的标准是确定一种无障碍的方式来区分 Family Friendly 和 21+ Only 游乐设施,包括同时被精选的游乐设施。

由索引模型根据 Issue 内容生成。

描述

enhancement frontend

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.
主要语言
JavaScript
星标
30
派生
26
平均合并
6 天 24 分钟
30 天内合并 PR
6

环境准备

  • 提供 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 没有贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

shift-org/shift-docs 的其他 Issue

查看 shift-org/shift-docs 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。