mi6 / mi6/ic-ui-kit

IcCheckbox automated accessibility failure

Open
#3,879 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

### Summary of the bug
A user has reported that the IcCheckbox has caused an automated accessibility failure with Accessibility Insights.

The tool identified the following error with the checkmark svg:

> Image function: every image must be coded as either meaningful or decorative
>
> Path: ic-checkbox,.checkmark
> Snippet: ``
> Coded as: decorative
> ARIA role: no value
> Accessible name: checkmark icon

This could be a false positive as the image has an accessible name so I'm not sure why the tool thinks it is decorative.

Contributor guide

Open the contributing guide

Research direction

Start with the IcCheckbox checkmark SVG identified by Accessibility Insights, including its , class="checkmark", and ARIA output. Reproduce the report with Accessibility Insights and determine whether the image should be meaningful or decorative; done when the component no longer reports the failure and its intended accessible semantics are verified.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.