Как использовать расширенные атрибуты арии для боковой панели в угловых? - PullRequest
Новая
       98

Как использовать расширенные атрибуты арии для боковой панели в угловых?

1 голос
/ 11 ноября 2019

Я пытаюсь добиться сценариев преобразования текста в голос в моем проекте, используя атрибут 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

...