Доступно приложение Userway, поле «Не читается» - PullRequest
Новая
       10

Доступно приложение Userway, поле «Не читается»

0 голосов
/ 13 февраля 2020

Я довольно новичок в ARIA, и мне интересно, если я что-то пропустил. Виджет, который я использую для веб-сайта (UserWay), не читает мой блок выбора, поэтому я решил сделать его отдельно, чтобы посмотреть, смогу ли я решить проблему, но у меня все еще есть проблема с его чтением. 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div>
        <select id="foo-select" role="listbox"  name="foo">
            <option value="152" aria-labelleadby>Live Oak</option>
            <option value="153" aria-labelledby>Lake City</option>
        </select>
    </div>
</body>
<script data-account="QP61fu7cR3" src="https://cdn.userway.org/widget.js"></script>

</html>

1 Ответ

0 голосов
/ 13 февраля 2020

aria-labelledby используется, чтобы указывать на другой элемент с текстовой кнопкой или меткой с текстом и его идентификатором (#) и для добавления метки к элементу используйте aria-label = "test here" 

<label id="labelID">Lake City </label>

      <select id="foo-select" role="listbox"  name="foo">
                <option value="152" aria-label="Live Oak">Live Oak</option>
                <option value="153" aria-labelledby="labelID">Lake City</option>
            </select>
...