FLUID-5433: VoiceOver always announces the browse files button as "no files selected file upload button"

Metadata

Source
FLUID-5433
Type
Bug
Priority
Blocker
Status
Closed
Resolution
Fixed
Assignee
N/A
Reporter
Justin Obara
Created
2014-06-09T10:41:46.612-0400
Updated
2014-06-16T15:30:04.455-0400
Versions
N/A
Fixed Versions
  1. 1.5
Component
  1. Uploader

Description

Steps to reproduce:

1) Navigate to the "browse files" button
Notice that it is announced as "no files selected file upload button". Note that you can navigate to the label which is read as "Browse Files" but this isn't activatable.

Environments

Safari 7 (Mac OS 10.9)(VoiceOver)

Comments

  • Justin Obara commented 2014-06-12T14:52:25.831-0400

    It seems that VoiceOver will always interact with the underlying input element, and read off it's default values. Here is an example of a multi file input http://jsfiddle.net/L2Kcd/ For the uploader, it creates new inputs every time a user adds files to the queue, to support adding additional files. This means that a user will always interact with an empty input.

  • Justin Obara commented 2014-06-16T10:44:16.804-0400

    An aria-label seems to work, but it will be suffixed with "file upload button" so we could set it to "browse files" or "add more" and it would be read as "browse files file upload button" or "add more file upload button"

  • Justin Obara commented 2014-06-16T14:24:06.021-0400

    Submitted a pull request:
    https://github.com/fluid-project/infusion/pull/534

  • Cindy Li commented 2014-06-16T15:30:02.400-0400

    Merged into the project repo @ f4f90199d3ae1724d713ae14d791fca5e3ad5665