Open Bug 1641241 Opened 4 years ago Updated 4 years ago

Accessibility inspector complains against vanilla file input

Categories

(DevTools :: Accessibility Tools, defect)

Product:
DevTools
Component:
Accessibility Tools
Version:
78 Branch
Type:
defect

Tracking

(Not tracked)

People

(Reporter: mestrecarrasco, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:76.0) Gecko/20100101 Firefox/76.0

Steps to reproduce:

To reproduce this bug, just try to run the accessibility inspector issue checker against the following HTML, using today's Nightly Build:

<!DOCTYPE html>
<html>
  <head>
    <title>Input file over accessibility inspector</title>
  </head>
  <body>
    <form>
        <label for="file-upload">Upload file</label>
        <input id="file-upload" type="file">
    </form>
  </body>
</html>

Actual results:

The Accessibility Inspector lists the following issues:

  1. Focusable elements should have interactive semantics.
  2. Interactive elements must be focusable.

Both refer to DOMNode input#file-upload. Please note that none of these issues applies; the element is both focusable and have interactive semantics.

Expected results:

The Accessibility Inspector issue checker should have listed no issue at all.

Component: Untriaged → Accessibility Tools
Product: Firefox → DevTools

I updated the component and product fields, since only after I've noticed that I missed them.

I think we need to special case file inputs, which will probably require looking at the DOM type attribute. File inputs are a compound widget; the container is a grouping which isn't interactive, but there is an (anonymous) interactive control inside it, so this satisfies a11y requirements.

Severity: -- → S3
Status: UNCONFIRMED → NEW
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.