JAWS没有读取角度2插值

时间:2017-03-17 21:11:40

标签: accessibility angular2-routing wai-aria uiaccessibility jaws-screen-reader

我在我的页面上运行JAWS屏幕阅读器,它会在加载后自动开始读取页面。但是跳过包含角度2插值的div被读出。 我不太确定处理是否仍在进行,这就是为什么它会读取DOM元素然后可以读取的内容。有没有办法控制它并让它按顺序读取页面?

下面是一个示例,它在读取角度内容之前读取复选框的标签:

<div [ngClass]="col-md-6" class="c2">
            <div class="productDetails-name" style="cursor:default!important" >
                {{productDetails?.ProductName}}
            </div>

            <div class="c1">
            {{ productDesc}}
            </div>

            <div class="prdDetails-compareAddtoCart">
                <span class="newCheckbox" tabindex="0" (keyup)="OnPressCompareClick(productDetails?.Id,$event)">
                    <input tabindex="-1" type="checkbox" [value]="compareListCount" [checked]="isAddedInCompare(productDetails?.Id)" (change)="OnChangeUpdateProductCompareList(productDetails?.Id, $event)" (click)="onCompareClick($event)" style="display:block;margin-top:14px;position:absolute;" aria-label="Select to add the item to comparison list"
 id="chkAddCompare" >

                    <label  tabindex="-1" class="compare-defaultFont" for="chkAddCompare" >&nbsp;Compare</label>

                </span>&nbsp;&nbsp;

                <span class="prdDetails-separator"></span>&nbsp;&nbsp;
                <span class="compare-defaultFont">Qty.&nbsp;</span>
                <addToCart tabindex="-1" [product]="productDetails" [isProductDetails]="true" (setAddToCartParams)="setAddToCartParams($event)"></addToCart>
            </div>

0 个答案:

没有答案