JAWS читает содержимое предыдущего поля - PullRequest
Новая
       19

JAWS читает содержимое предыдущего поля

0 голосов
/ 18 сентября 2018

Знаете ли вы, как возможно, что при входе во вход JAWS сначала читает содержимое предыдущего поля?Можно ли это исправить или это зависит от используемого вами браузера?

Это мой код: 

  <!-- Presso -->
                    <div class="{!IF(presso, 'slds-show', 'slds-hide')}" style="margin-bottom: 8px">
                        <div class="slds-form-element slds-size--1-of-1">
                            <label class="slds-form-element__label">Presso</label>
                            <div class="slds-form-element__control">
                                <input id="pressoInput" class="slds-input" type="text" /> 
                            </div>
                        </div>
                    </div>

                    <!--  Region -->
                    <div class="slds-form-element">
                        <label class="slds-form-element__label">
                                Region
                        </label>
                        <div class="slds-form-element__control">
                            <input id="regionInput" class="slds-input" type="text" disabled="disabled"/>
                        </div>
                    </div>

1 Ответ

0 голосов
/ 19 сентября 2018

Я вижу две вещи. Первый - ваш второй <input> отключен, поэтому мне немного любопытно, как вы сосредотачиваетесь на втором входе. Вы не используете tab , потому что браузер не позволит вам сделать это. Используете ли вы стрелку вниз в JAWS для навигации по DOM?

Во-вторых, у вас есть <label> элементов, но вы не ассоциируете метки с полями <input>. То, что <label> находится рядом с <input> в DOM, не означает, что программа чтения с экрана будет считывать метку, когда фокус перемещается на вход. Вы должны связать их вместе. Это делается с помощью атрибута for <label>. Значение for должно быть свойством ID (а не NAME) <input> следующим образом: 

<label class="slds-form-element__label" for="pressoInput">Presso</label>
<div class="slds-form-element__control">
  <input id="pressoInput" class="slds-input" type="text" />
</div>
...
<label class="slds-form-element__label" for="regionInput">Region</label>
<div class="slds-form-element__control">
  <input id="regionInput" class="slds-input" type="text" disabled="disabled" />
</div>
...