按字面层次或重要性组织标题?
我希望在语义上准确并且对于屏幕阅读器来说清晰易读。
我想知道这个特殊情况... 我的结构如下:
Current Promotion:
-Promotion Title
Recent Blog Posts:
-BlogPost Title
-BlogPost TItle
从风格上来说,为了更好地阅读,我认为各个项目的标题应该大于章节标题,这基本上是有组织的......不会让任何人太兴奋。
所以我想知道是否应该根据“重要性”将各个标题设为 h2s,将章节标题设为 h3s,还是根据字面层次结构将其保留为相反?
这可能不是一个主要问题,但我不确定正确的行动方针是什么。
I want to be accurate semantically and legible for screen-readers.
I'm wondering about this particular situation...
I have a structure like:
Current Promotion:
-Promotion Title
Recent Blog Posts:
-BlogPost Title
-BlogPost TItle
Stylistically and for better reading, I think that the titles of the individual items should be larger than the section titles, which are basically organizational.. not going to get anyone too excited.
So I'm wondering if I should have the individual titles be h2s and the section headings be h3s based on 'importance' or leave it the reverse based on literal hierarchy?
It may not be a major issue, but I'm not sure what the right course of action is.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
标题应反映层次结构:
来自 WebAIM,一个有用的辅助功能资源:
一些屏幕阅读器(例如 NVDA)向最终用户提供结构化的标题列表;如果 H3 中有 H2,那么列表会变得混乱,并且看起来 H3 部分标题实际上是先前内容的子部分:
Headings should reflect hierarchy:
From WebAIM, a useful accessibility resource:
Some screenreaders - such as NVDA - present a structured list of headings to the end-user; if you have H2's within H3's, then the list will get messed up, and will instead look like your H3 section headers are actually sub-sections from the previous content: