屏幕阅读器从我的手风琴中跳出来

时间:2016-02-03 20:13:38

标签: html html5 wai-aria screen-readers

我手风琴是在我们公司内部编写的。我正在使用它作为新页面的一部分。现在它有问题,这被认为是一个错误/缺陷。 屏幕阅读器在达到手风琴代码时跳转。并转到下一个元素。

<h4 class="accordion-header ng-scope ng-click-active" data-ng-click="vm.toggle(0)">
                        ABCDEFGHIJKLM------ [By January 1, 2014]
<button class="accordion-arrow" data-index="0">
    <svg version="1.1" class="svg-arrow-container" color-interpolation="auto" shape-rendering="auto" image-rendering="auto" text-rendering="auto" color-rendering="auto" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-157 170.1 83.5 61.9" style="enable-background:new -157 170.1 83.5 61.9;" xml:space="preserve">
            <path class="st3 svg-arrow faq" d="M-77.2,204.8l-30.2-30.8c-0.3-0.3-0.5-0.6-0.8-0.9l-0.3-0.3c-3-2.9-7.5-3.5-11-1.7l0,0
                c-0.2,0.1-0.3,0.2-0.5,0.3c-0.1,0.1-0.3,0.2-0.4,0.2l-0.1,0.1c-0.5,0.3-0.9,0.7-1.3,1.1l-0.4,0.3c-0.2,0.2-0.3,0.3-0.5,0.5
                l-30.6,31.1c-3.7,3.7-3.6,9.8,0.1,13.4l0.3,0.3c3.7,3.7,9.8,3.6,13.4-0.1l24.3-24.5l24.2,24.6c3.7,3.7,9.7,3.8,13.4,0.1l0.3-0.3
                C-73.6,214.5-73.5,208.5-77.2,204.8z"></path>
    </svg>
</button>
</h4>

<div class="accordion-content medium" style="max-height: 330px;">
    <div class="inner">
        <p>
            We will communicate with people with disabilities in ways that .....
        </p>
    </div>
</div>

我没有看到屏幕阅读器传递这些元素的任何原因。请提出一个解决方案,屏幕阅读器不会通过我的手风琴并阅读其内容。

1 个答案:

答案 0 :(得分:0)

你是如何与屏幕交易者一起导航的? 您的按钮不包含任何文本。 Ng-点击不可聚焦的标签...

这是一个开始。