Carbon: File uploader close has not keyboard interaction or focus state

Created on 24 Apr 2019  ·  5Comments  ·  Source: carbon-design-system/carbon

Detailed description

File uploader close has not keyboard interaction or focus state

To close a removable file in the file uploader list the user has to click, no keyboard interaction available.

I'd expect to be able to navigate via keyboard

Chrome

10.1

Steps to reproduce the issue

  1. view https://www.carbondesignsystem.com/components/file-uploader/code
high 😱 1 🚨 a11y ♿ bug 🐛

All 5 comments

Tested on Windows 10, in latest Firefox

there is a focus state applied to the button, the button is a tab stop, but it is inoperable using enter or spacebar.

2019-05-03 11_51_21-Carbon Design System

I meant the X as shown here to remove the file.
image

The Issue @dakahn refers to is because the control is not a button.

A non-button needs to process:

  • click
  • enter key down as click
  • space key down to mimic button state active and stop propagation.
  • space key up as click

What you were saying is crystal clear in hindsight -- just skipped over words while reading or something 😆

I believe file uploader items should now support keyboard interactions ref https://github.com/carbon-design-system/carbon/pull/3872

Thanks @emyarod - Closing as I can see what he says.

Was this page helpful?
0 / 5 - 0 ratings