Читатель NVDA неправильно читает в Mozilla

Question

Ниже упомянутый код отображает «Диалог» на экране. Я использую программу чтения с экрана NVDA (2019) для чтения с экрана.Когда диалоговое окно открыто, оно читает все перечисленное содержимое, но я хочу, чтобы программа чтения с экрана читала по одному, нажимая клавишу табуляции.Я использую полимер 1. Поэтому, пожалуйста, кто-нибудь может мне помочь, как мы можем читать данные один за другим в браузере Mozilla Firebox

 <app-dialog elementid="eid" id="cid" name="l_applicableRule" backdrop="{{backdrop}}">
            <div  role="dialog" aria-label="dialog box" id="financial_workflow_rule_scroll" class="scrollable-content">
                <div class="mainContainer border-b-1px" role="rowheader">
                    <div class="mdl-grid secondary-dark-text-s padding-t-zero">
                        <div class="mdl-cell mdl-cell--3-col">
                            <oe-i18n-msg msgid="l_RuleId"></oe-i18n-msg>
                        </div>
                        <div class="mdl-cell mdl-cell--3-col">
                            <oe-i18n-msg msgid="l_FollowHierarchy"></oe-i18n-msg>
                        </div>
                        <div class="mdl-cell mdl-cell--6-col rule-width">
                            <oe-i18n-msg msgid="l_Rule"></oe-i18n-msg>
                        </div>
                    </div>
                </div>
                <template is="dom-repeat" items="{{rulesArray}}" as="rule">
                    <div  class="full-width border-b-1px" tabindex="0" id="rulearray"  on-keydown="handleKeySelectApplicableRules">
                        <div role="row" id="array_list{{index}}" class="mdl-grid mdl-cell mdl-cell--12-col" on-tap="selected">
                            <div class="mdl-cell mdl-cell--3-col primary-dark-text-m font-medium" id="ruleid{{index}}">
                                {{rule.ruleID}}
                            </div>
                            <div class="mdl-cell mdl-cell--3-col primary-dark-text-m font-medium" id="corp_admin_rule_dialog_ruleArrayList_cd_{{index}}">
                                {{rule.followHierarchy.codeDescription}}
                            </div>
                            <div class="mdl-cell mdl-cell--6-col primary-dark-text-m font-medium rule-width" id="corp_admin_rule_dialog_ruleArrayList_ruleDesc_{{index}}">
                                {{rule.ruleDescription}}
                            </div>
                        </div>
                        <div class="mdl-cell mdl-cell--12-col"></div>
                    </div>
                </template>
            </div>
        </app-dialog>