对于我的 Angular2 Web 应用程序,当我启动 MdDialog 时,iPhone 的 VoiceOver 屏幕阅读器不会专注于对话框并阅读标题。相反,它会继续阅读对话框后面的内容。屏幕集中在对话框关闭按钮上。
<md-dialog-content>
<div role="dialog" aria-labelledby="title" aria-describedby="consent-modal-content">
<button class="dialog__close icon-close" type="button" md-dialog-close>Close</button>
<div class="dialog__items">
<div class="dialog__item">
<h2 class='dialog__title' id="title">{{ title }}</h2>
</div>
<div class="dialog__item dialog__item--content">
<span *ngIf="isLoading">Loading</span>
<iframe *ngIf="content"
id="consent-modal-content"
oaoSrcdoc [content]="content"
src="about:blank"
frameborder="0"
class="dialog__frame"></iframe>
</div>
</div>
</div>
</md-dialog-content>