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

Not accessible according to WCAG

Open
#306 2 comments 0 reactions 0 assignees View on GitHub
BOSS
Dominant language
JavaScript
Stars
31
Forks
102
PR merge metrics
No merged PRs in 30d

Description

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.

Contributor guide

No contributing guide indexed for this repository

Research direction

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.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.