Angular 如何将aria扩展设置为html选择_Angular_Accessibility_Wai Aria

Angular 如何将aria扩展设置为html选择

angular

Angular 如何将aria扩展设置为html选择,angular,accessibility,wai-aria,Angular,Accessibility,Wai Aria,我试图在select上实现ADA的aria扩展 <select department="dep"> <option *ngFor="let dep of departments" [value]="dep.name">{{dep.name}}</option> </select> {{dep.name} 基本上，当用户打开下拉列表时，我希望aria expa

我试图在select上实现ADA的aria扩展

    <select department="dep">
     <option *ngFor="let dep of departments" [value]="dep.name">{{dep.name}}</option>
    </select>


{{dep.name}

基本上，当用户打开下拉列表时，我希望aria expanded=true，否则为false。

还有其他方法可以这样做吗？

这不是

aria expanded

的正确用法，因此您不需要这样做

aria expanded

用于指示可折叠节在打开/关闭它的控件上的打开或关闭时间，例如在

treeview

上

不需要这样做，因为关联已由元素创建

并导致大量的黑客攻击

如果您使用

s和

WAI-aria

构建自定义

，则只需使用

aria expanded

，但如果您能够使

满足您的需要，我建议您不要这样做，因为它比使用本机元素复杂且不太健壮。在这一点上，您需要知道一个项目是打开的还是关闭的，以使自定义选择工作，因此切换将很容易。

这不是

aria expanded