Клавиша Enter / пробел не работает только на некоторых кнопках в JAWS + IE - PullRequest
Новая
       31

Клавиша Enter / пробел не работает только на некоторых кнопках в JAWS + IE

0 голосов
/ 03 октября 2018

Возникла проблема только в JAWS 18 + IE 11 (она отлично работает в Chrome, Firefox и с NVDA и только с клавиатурой, без программы чтения с экрана).

Это работает: 

<ul class="user-options">
    <li>
        <button id="fa_lo" tabindex="0" class="step-one-button" aria-label="Question one header question one answer one">
            <span>question one answer one</span>
        </button>
    </li>
    <li>
        <button id="fa_ci" tabindex="0" class="step-one-button" aria-label="Question one header question one answer two">
            <span>question one answer two</span>
        </button>
    </li>
    <li>
        <button id="fa_in" tabindex="0" class="step-one-button" aria-label="Question one header question one answer three">
            <span>question one answer three</span>
        </button>
    </li>
</ul>

, но это не так: 

<ul class="user-options">
    <li>
        <button id="h_no" tabindex="0" aria-label="Question Two Header Question two answer no" class="step-two-button">
            <span>Question two answer no</span>
        </button>
    </li>
    <li>
        <button id="h_yes" tabindex="0" aria-label="Question Two Header Question two answer yes" class="step-two-button">
            <span>Question two answer yes</span>
        </button>
    </li>
</ul>

Вы можете нажимать клавишу табуляции на втором наборе кнопок, но он не объявляет текст и нажимает клавишу ввода или пробел ничего не делает.Не имеет смысла, чтобы первый набор работал нормально без проблем, но не со вторым набором, когда я не вижу различий.

Он будет работать с CTRL + ввод или Shift + ввод, но это не такприемлемо для нашей команды доступности.Он должен работать только с клавишей ввода или пробела без клавиши-модификатора.

1 Ответ

0 голосов
/ 01 августа 2019 
<div role="application">
<ul class="user-options">
    <li>
        <button id="h_no" tabindex="0" aria-label="Question Two Header Question two answer no" class="step-two-button">
            <span>Question two answer no</span>
        </button>
    </li>
    <li>
        <button id="h_yes" tabindex="0" aria-label="Question Two Header Question two answer yes" class="step-two-button">
            <span>Question two answer yes</span>
        </button>
    </li>
</ul>
</div>
...