Как добавить свойство wai-aria для средства выбора файлов? - PullRequest
Новая
       140

Как добавить свойство wai-aria для средства выбора файлов?

0 голосов
/ 05 марта 2019

В настоящее время я следую этому руководству, чтобы иметь возможность выбора файлов.http://www.alecjacobson.com/weblog/?p=1645

Я бы хотел добавить атрибут wai-aria для части «выбрать файл», чтобы сделать его читаемым.Я пытался использовать aria-controls и tabindex, но не смог получить положительного ответа, когда симулировал некоторые валидаторы. Любая идея? 

<body>
    <input id="file" type="file" multiple onchange="startRead()">
    <h3>Progress:</h3>
    <div style="width:100%;height:20px;border:1px solid black;">
    <div id="bar" style="background-color:#45F;width:0px;height:20px;"></div>
    </div>
    <h3>File contents:</h3>
    <pre>
        <code id="output">

1 Ответ

0 голосов
/ 05 марта 2019

Я хотел бы добавить атрибут wai-aria для части "выбрать файл", чтобы сделать его читабельным

Не могли бы вы объяснить немного больше об этом?

При использовании нативного html (например, <input type="file">) вы получаете множество встроенных специальных возможностей. Браузер знает, как отображать нативные html-элементы через API специальных возможностей, что позволяет программе чтения с экрана правильно объявлятьимя, роль и значение элемента.По умолчанию он будет «читабельным».

Однако, если вы говорите об индикаторе прогресса и хотите, чтобы ход загрузки файла передавался во время загрузки файла, вам придется сделать это с aria-live.Вот хороший пример Progress Bar с ARIA Live Regions

...