我有一个响应性的布局,必须可以访问屏幕阅读器。这个问题是关于桌面上的按钮和移动按钮的顺序。在桌面上,按钮顺序是
Cancel - Remind Me Later - Learn More
屏幕阅读器...and从左到右读取。然而,在移动环境中,按钮顺序是垂直堆叠的,顺序与桌面相反:
Learn more Remind me later Cancel
问题是屏幕阅读器仍然像用户处于桌面模式一样阅读--视觉顺序不再匹配。
是否有一种方法,屏幕阅读器改变阅读顺序取决于视口?
<ul className="menu">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li class="hidden">Hidden when screen size is of mobile</li>
<li>4 li item</li>
</ul>
我想数不清。<li>的。因此,当屏幕大小从桌面到移动时,计数应该减少1到3
我有以下HTML格式,在桌面上将给定元素放置在顶部,在移动设备上放置在底部(宽度<640像素)的有效方法是什么?因为有很多不同的设备,所以我不想写位置坐标,因为页面高度的内容是不同的。有什么建议吗?
<html>
<head>
..
</head>
<body>
..
<p>I am on the top of desktop page, and bottom of mobile page</p>
...
</body>
</html>