Angular 控制屏幕阅读器窗体行为

Angular 控制屏幕阅读器窗体行为,angular,accessibility,jaws-screen-reader,Angular,Accessibility,Jaws Screen Reader,我在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 &&

我在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>

{{bisdatumvornandumerr}}
{{bisDatumNachStichtagErr}}

加载页面时,JAWS 18屏幕阅读器开始逐个读取输入字段。我想控制这种行为,以便屏幕阅读器提及表单,然后停止。为此,我在表单标签中尝试了role=“form”,但这不起作用。我怎样才能实现这个目标?

对不起,你不能也不应该这样做。
你可以传达一些信息,你可以向屏幕阅读器隐藏或显示元素,你可以将标题伪装成按钮,但你不能阻止屏幕阅读器自动阅读页面。当用户点击页面时,JAWS开始大声阅读页面(可在JAWS 2018中关闭)。而且,您决不能阻止用户阅读您的内容。而且,基本上,你不能这样做。

如果您试图实现其他目标,请更新您的问题。

对不起,您不能也不应该这样做。
你可以传达一些信息,你可以向屏幕阅读器隐藏或显示元素,你可以将标题伪装成按钮,但你不能阻止屏幕阅读器自动阅读页面。当用户点击页面时,JAWS开始大声阅读页面(可在JAWS 2018中关闭)。而且,您决不能阻止用户阅读您的内容。而且,基本上,你不能这样做。

如果您试图实现其他目标,请更新您的问题。

是的,全部阅读是JAWS在页面加载时的默认行为。如果/当用户想要停止它时,他们将开始使用箭头/快捷键进行导航。开发人员不需要对此做任何事情。是的,全部读取是JAWS在页面加载时的默认行为。如果/当用户想要停止它时,他们将开始使用箭头/快捷键进行导航。开发人员没有必要对此做任何事情。