dequelabs / dequelabs/axe-core

Rethink how to handle a[href] > button cases

Open
#5,184 0 comments 0 reactions 0 assignees View on GitHub
fix support target-size
Dominant language
JavaScript
Stars
7.5k
Forks
933
Avg merge
2d 13h
Merged PRs (30d)
29

Description

The following scenario fails the `target-size` rule. Axe-core allows nested controls inside links, because the HTML spec does as well. But in a scenario like this where the button is the only content of the link, and the target area is almost the same I think we can reasonably conclude this should fail the `nested-interactive` rule rather than the `target-size one:

## Expected

Axe-core report the following as a `nested-interactive` issue, rather than a `target-size` issue.

```html

Click me

```

Contributor guide

Open the contributing guide

Research direction

Start by locating the target-size and nested-interactive rule entry points and their tests, then reproduce the provided link-and-button HTML case. Done means this markup is reported as a nested-interactive issue rather than a target-size issue, with the existing rule tests still passing.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.