簡體   English   中英

控制屏幕閱讀器表單行為

[英]Controlling screen reader form behavior

我的angular 2應用程序中具有輸入字段的以下形式

<form class='wrapper' [formGroup]='form' novalidate #f='ngForm' role='form'>
<div class='content-row background-form-group'>
    <div [ngClass]="{'has-error': (validationOptions.submissionTried  && 
    bisDatumVorVonDatum())}">
        <input-field-group [overview]='options.overview'
                [validationOptions]='validationOptions'
                [eingabeOptions]='eingabeVonEingabeOptions' [form]='form' 
      (onChange)='onChangeHandler($event)'
                (onFocus)='onFocusHandler($event, 
      eingabeVonEingabeOptions)'>
        </input-field-group>
    </div>
    <div [ngClass]="{' has-error': (validationOptions.submissionTried && 
     (bisDatumVorVonDatum() || bisDatumNachStichtag()))}">
        <input-field-group [overview]='options.overview'
                [validationOptions]='validationOptions'
                [eingabeOptions]='eingabeBisEingabeOptions' [form]='form'
                (onFocus)='onFocusHandler($event, 
     eingabeBisEingabeOptions)'>
        </input-field-group>
    </div>
    <div [ngClass]="{'has-error': (validationOptions.submissionTried  && 
     bisDatumNachStichtag())}">
        <div *ngIf="dataCache.inBearbeitung.typ==='FAMILIENKASSE'">
            <input-field-group [overview]='options.overview'
                    [validationOptions]='validationOptions'
                    [eingabeOptions]='stichtagEingabeOptions' [form]='form'
                    (onFocus)='onFocusHandler($event, 
          stichtagEingabeOptions)'>
            </input-field-group>
        </div>
    </div>
    <div class='col-md-12 has-error'>
                <span id='bisDatumVorVonDatum-FehlerText'
                        *ngIf='validationOptions.submissionTried  && 
     bisDatumVorVonDatum()'
                        data-col='#E2001A'>{{bisDatumVorVonDatumErr}}</span>
        <span id='bisDatumNachStichtag-FehlerText'
                *ngIf='validationOptions.submissionTried && 

    bisDatumNachStichtag()'
                data-col='#E2001A'>{{bisDatumNachStichtagErr}}</span>
    </div>
</div>
</form>

頁面加載后,JAWS 18屏幕閱讀器開始逐一讀取輸入字段。 我想控制此行為,以便屏幕閱讀器提及該表單,然后停止。 為此,我嘗試了在表單標簽中使用role =“ form”,但這不起作用。 我怎樣才能實現這個目標?

抱歉,您不能,也不應這樣做。
您可以傳達一些信息,可以向屏幕閱讀器隱藏或顯示元素,可以將標題偽裝成按鈕,但不能停止屏幕閱讀器來自動閱讀頁面。 當用戶單擊您的頁面時,JAWS開始大聲閱讀頁面(可以在JAWS 2018中關閉)。 並且絕對不能阻止用戶閱讀您的內容。 再一次,基本上,你不能。
如果您嘗試實現其他目標,請更新您的問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM