Angular手风琴可访问性问题

时间:2020-01-06 10:35:08

标签: html angular accessibility

手风琴的扩展出现了问题,其中包含使用键盘的项目列表。

麻烦之处在于,所有手风琴的数据都是通过API填充的,因此我见过的许多解决方案都是硬编码的。例如,由于唯一值是硬编码的,因此无法使用下面文章中提供的信息:

https://www.hassellinclusion.com/blog/accessible-accordion-pattern/

我已经添加了许多适当的ARIA标签,并通过选项卡进行导航与在屏幕阅读器中一样运作良好,但是我无法使手风琴扩展。

我试图通过将输入按钮解释为单击元素来扩展手风琴来从另一个角度进行讨论,但是尝试在Angular中进行此类操作完全迷失了,因为插入Vanilla JS并不那么简单就像看起来的那样。

这是代码,它分布在三个组件中,因此为了便于阅读,我将其编译为一个,并删除了一些样式类:

always @(posedge CK or negedge RN)
    if (RN == 1'b0)
        Q <= 1'b0;
    else
        Q <= D;

任何帮助或提示将不胜感激!

0 个答案:

没有答案
相关问题