coding-blocks / coding-blocks/codingblocks.online.projectx

Not accessible according to WCAG

未关闭
#306 2 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
BOSS
主要语言
JavaScript
星标
31
派生
102
PR 合并指标
30 天内没有已合并 PR

描述

The website is not accessible according to WCAG. Some of the examples are :-
![image](https://user-images.githubusercontent.com/28438230/49495249-63e51b80-f888-11e8-8700-b0317dc80b66.png)
The bell icon and profile is not receiving focus as div is used without tabindex. A role should also be given.

![image](https://user-images.githubusercontent.com/28438230/49495316-9e4eb880-f888-11e8-8c6d-44a37e108648.png)

In this the cards that are hidden are also receiving focus but they should not. They should not be in DOM if they are not visible.
There are many more accessibility related issues.

贡献指南

这个仓库没有索引到贡献指南

调研方向

Start by reproducing the reported WCAG problems on the website, focusing on the bell and profile controls and the hidden cards that receive focus. Inspect the relevant page markup and keyboard focus order, then compare the behavior with the applicable WCAG requirements. Done means the reported controls are keyboard accessible and hidden cards no longer receive focus, with additional accessibility issues scoped separately.

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

评估

技术栈
javascript
领域
accessibility, frontend
Issue 类型
缺陷
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
需要澄清
新手友好度
20/100

把新 issue 发到你的邮箱

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