simonw/datasette

Cog menu is not keyboard accessible (also no ARIA)

开放

#1,964 创建于 2022年12月18日

在 GitHub 查看贡献者指南
 (1 条评论) (0 个反应) (0 位负责人)Python (625 个派生)batch import
accessibilitybughelp wanted

仓库指标

星标
 (8,637 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

This menu here: https://latest.datasette.io/fixtures/attraction_characteristic

You can tab to it (see the outline) and hit space or enter to open it, but you can't then navigate the items in the open menu using the keyboard.

cog-menu

贡献者指南

研究方向
调查 Datasette 仓库中的 cog 菜单组件。该菜单很可能通过模板（可能在 `templates/` 目录中）渲染，并由 JavaScript（在静态 JS 文件中查找事件监听器）控制。目标是确保菜单打开时，用户可以使用方向键导航菜单项，并使用 Enter/Space 键进行选择，同时添加适当的 ARIA 角色（例如 `menu`、`menuitem`）和属性（例如 `aria expanded`、`aria activedescendant`）。审查代码库中现有的键盘处理模式以确保一致性。
技术栈
pythonjavascripthtmlcss
领域
frontend
议题类型
可访问性
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
半天
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
GitHTMLCSSJavaScript
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70