css - 在标记中重复主导航对可访问性不利吗？

Question

通常在创建导航的移动版本时，最直接的设计方法是重复主导航标记并使用 CSS 中的 display:none 隐藏一个或另一个取决于屏幕分辨率。

这对可访问性不利吗？

Answer 1

使用这种方法没有任何固有的不可访问性。使用 display:none 将向所有用户隐藏内容，并且不会被屏幕阅读器大声朗读。

visibility: hidden; and/or display:none;

These styles will hide text from all users. The text is removed from the visual flow of the page and is ignored by screen readers. Do not use this CSS if you want the content to be read by a screen reader. But DO use it for content you don't want read by screen readers.

https://webaim.org/techniques/css/invisiblecontent/