Screen reader announces table header twice for Angular  #10840

Steps to reproduce:

Using the table with sorting as documented here: https://material.angular.io/components/sort/overview

• Visit https://stackblitz.com/angular/xekbmvlqeqj?file=src%2Fapp%2Ftable-sorting-example.html
• Click open in new window to make navigation easier
• Navigate to the table header and activate it, (or click on it)

Actual behavior:

NVDA reader announces the element twice as "Change sorting for name column 2 clickable Change sorting for name button"

Expected behavior:

It announce the column once like "Change sorting for name column 2 clickable"

System configuration

NVDA installed/portable/running from source:

installed

NVDA version:

2019.3.1

Windows version:

Windows 10

Name and version of other software in use when reproducing the issue:

Chrome Version 80.0.3987.122 (Official Build) (64-bit)

Other information about your system:

Other questions

Does the issue still occur after restarting your PC?

Yes.

Have you tried any other versions of NVDA? If so, please report their behaviors.

No.