1

我正在尝试使用可访问性中的aria属性在我的项目中实现文本到语音的场景，但无法正常工作。

我尝试了下面的代码，它没有按预期的语音工作。

预期的解决方案：

当用户尝试单击侧边栏菜单时，应该说侧边栏已打开/展开并且没有。菜单可用，当用户再次单击时，它应该说侧边栏已关闭/折叠。

如果要应用某些屏幕，可以建议在同一场景下为我的整个项目实现通用方式 

 <button mat-icon-button aria-label="sidebar menu" [attr.aria-expanded]="expand" aria-controls="collapseExample" (click)="sidebar()" >
              <mat-icon>menu</mat-icon>
          </button>

html代码：

 <mat-sidenav #snav [mode]="mobileQuery.matches ? 'over' : 'side'"
                                   [fixedInViewport]="mobileQuery.matches" fixedTopGap="56" id="collapseExample">
          <mat-nav-list><a mat-list-item routerLink="." *ngFor="let nav of fillerNav">{{nav}}</a></mat-nav-list>
</mat-sidenav>

示例实时应用程序链接：

https://stackblitz.com/edit/angular-accessibility-sample?file=src/app/app.component.html

4

0 回答 0