Челюсти с арией

Question

Я работал с сайтом, где мне нужно использовать челюсти для вокала. Теперь вопрос у меня есть несколько aria-label доступны под одной ролью. Теперь все, что я хочу, это условная речь, т.е. когда любой контроль с aria-label фокусируется только на том, что метка элемента управления должна выступать в качестве речи.

<ul id="ulOpenedTabs" role="tablist">
    <li *ngFor="let tab of activitytabs;  let i=index" role="tab" [attr.aria-selected]="tab.activity.IsSelected">
        <span>
            <span role="button" tabindex="0" title="Press to pinned" attr.aria-label="Press to pinned" attr.aria-pressed="false"></span>
        </span>
        <span>
           <span role="button" tabindex="0" attr.aria-label="Press enter to close menu"></span>
       </span>
    </li>
</ui>

Здесь, как показано в HTML-коде, есть два символа aria-label. На данный момент в речи используется обе метки. И об изменении фокуса это ничего не говорит. Теперь я хочу, чтобы в выступлении был только один лейбл, который в настоящее время сфокусирован. Является ли это возможным? И если да, то как?