作者:牛尾巴2010 | 2023-09-02 16:30
许多(大多数?)旨在实现可访问性和标准合规性的站点使用无序列表进行导航.这是否使网站更易于访问,还是仅提供有用的样式元素?
我不介意他们,我一直在以这种方式使用无序列表.就是这样,当我从页面中删除样式以试图衡量它的可访问性时,它让我觉得它也可以是简单的链接.这是从哪里来的?
1> Carl Camera..:
网站导航的最佳标记是最能代表导航内容的HTML标记.这就是橡胶符合HTML语义之路的地方.
您的导航是否是没有任何逻辑顺序的列表?如果是这样,那
将是一个不错的选择.您的导航更像是一个需要步骤的向导,还是按字母或数字顺序?如果是这样,那么
可能是更好的选择.
如您所述,将导航呈现为纯链接并不提供任何语义含义; 它会建议您的导航是一个要阅读的句子.通过在列表中提供链接,您可以提供关于我们如何解释这一系列超文本链接词的提示.
2> Ola Tuvesson..:
像其他海报一样,在语义上,
s非常适合菜单,因为它们通常只是一个链接列表.但我真正喜欢使用菜单列表是他们提供的语义和视觉子级嵌套逻辑.例如:
- Home
- Something
- Something Else
- Current section
- A Subsection
- Another subsection
- More!
- We go deeper
- Who knows where it ends
- Back up one step
- And another step
- All done!
把它放在你的浏览器中并吸烟它,你会注意到每个级别不仅向右缩进,而且还用不同的样式项目渲染.这甚至没有添加任何CSS.一定要喜欢这些名单!
3> Jeremy Ruten..:
移除样式后,子弹使导航部分更加明显.如果您使用s和
s进行导航,删除样式将导致链接彼此相邻.
推荐阅读
-
如何解决《Java:如何调用主类中的方法,该方法在另一个扩展抽象类的类中》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《大纲文字AndroidStudio》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《使用数组作为索引增加numpy数组元素》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《线程安全事件-这是一种"干净"的方式吗?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《DDD-使用Doctrine2的有界上下文之间的关联映射》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《FirefoxDriver始终在"firstrun"页面上启动,打破所有测试脚本》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何使用SparkDataFrames查询JSON数据列?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在断开事件中重新连接套接字》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《更新Liferay用户锁定》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Linux内核-"放置"inode是什么意思?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《尝试从命令行获取星号*作为main的输入》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《如何在Swift中调用AWSLambda函数》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何在VisualStudioCode中调试从Grunt运行的Jasmine测试?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《Symfony3,DI-为参数添加服务》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《将所有模型添加到管理站点django1.9》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《用于ServerBootstrap的AbstractBootstrap#handler与ServerBootstrap#childHandler?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《按组查找运行最大值》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在同一容器中对齐具有不同高度的弹性项目》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《删除元素的函数(如果存在但添加元素)则不会》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何将字符串转换为Bash中的所有空格?》经验,为你挑选了1个好方法。 ...
[详细]