带JAWS的HTML标记读取顺序_Html_Wai Aria_Jaws Screen Reader

带JAWS的HTML标记读取顺序

html

带JAWS的HTML标记读取顺序,html,wai-aria,jaws-screen-reader,Html,Wai Aria,Jaws Screen Reader,我有一个web应用程序，其中页脚不在html文件的末尾，但我希望最后用JAWS 17.0阅读它我怎样才能做到这一点？有没有办法为阅读器指定阅读顺序 <div data-app-constraint="left" id="webnykApp_leftsidebar" style="visibility: visible;"> <div data-app-constraint="center" id="webnykApp_index" style="visibil

我有一个web应用程序，其中页脚不在html文件的末尾，但我希望最后用JAWS 17.0阅读它

我怎样才能做到这一点？有没有办法为阅读器指定阅读顺序

    <div data-app-constraint="left" id="webnykApp_leftsidebar" style="visibility: visible;">
    <div data-app-constraint="center" id="webnykApp_index" style="visibility: visible; display: none;"></div>
    <div data-app-constraint="top" id="webnykApp_overlay" style="visibility: visible;">
    <div data-app-constraint="bottom" id="webnykApp_footer" style="visibility: visible;">
       <footer id="footer" class="footer">
            <ul class="footer__links">
                <li class="footer__link"><a href="http://nav.gov.hu/nav/kapcsolat" target="_blank">kapcsolatfelvétel</a></li>
                <li class="footer__link"><a href="http://nav.gov.hu/nav/adatvedelem/adatvedelem.html" target="_blank">adatvédelmi tájékoztató</a></li>
                <li class="footer__link"><a href="http://nav.gov.hu/nav/impresszum/impresszum.html" target="_blank">Impresszum</a></li>
            </ul>
        </footer>
    <div data-app-constraint="center" id="webnykApp_login" style="visibility: visible;">

“webnykApp_登录”内容已在页脚后阅读。

简短回答：您唯一的选择是按源代码顺序将

移动到屏幕阅读器希望读取的位置。理想情况下，在

或具有

role=“main”

的东西之外（否则无法通过地标导航到达）

较长的答案：如果你的框架真的不允许你控制HTML的源代码顺序，那么在页面被处理之后要考虑使用脚本来移动你想要的元素（比如在源顺序中的最后一个）。更长、不完整的答案：CSS Flex允许您使用

order

属性覆盖页面源中的内容。这在不同的浏览器中处理方式不同，并且可能会发生变化

更长，也不完整的答案：

tabindex

。不要使用

tabindex

尝试解决此问题。屏幕阅读器用户不使用Tab键作为浏览页面的唯一方式

较长且不受支持的回答：

aria flowto

。像

tabindex

，导航。但是它没有实际的支持，并且为SR用户造成了与

tabindex

相同的问题。简短回答：您唯一的选择是按照源代码的顺序将

移动到您希望屏幕阅读器读取的位置。理想情况下，在

或具有

role=“main”