我正在开发一个公共网站，它是有关医疗条件信息的前端。大型信息树无障碍导航
在用户进行搜索（基于调查问卷）之后，会向他们显示分类为小节和小节的结果。
信息项目可以分配到部分和子部分。
目前，各部分由顶部的标签和侧边栏中的链接显示的屏幕和子部分表示。侧边栏中的链接取决于所选的部分。
问题是部分名称相当长（几个字），结果标签的组合长度对于标准屏幕分辨率（1024 x 768）太宽。因此他们换行并打破页面布局。我们还将不得不在未来添加额外的选项卡。
考虑到这个问题以及我们的目标受众相当广泛的事实，这是一个公共医疗网站，有哪些选项可用于以普通用户可访问和易于浏览的方式呈现此类信息。
分段名称有多长？请问他们适合在标签的空间吗？如果将侧栏菜单中的部分链接和选项卡中的子部分链接放在一起，您可能会获得更好的用户性能，而不是其他方式。见http://www.usability.gov/pubs/040106news.html。
另一种方法是将所有内容放在侧栏菜单上。子章节链接可以在其章节链接下缩进显示。您也可以考虑将分节链接放在分栏的右侧。这使得部分菜单稳定，但需要很多可能更好用于内容的横向空间。无论哪种情况，对视觉设计的适当关注都会显示当前的部分，小节以及它们之间的联系。
只要您使用链接导航到每个部分/子部分（可能基于与页面链接有关的数据库以编程方式为每个页面生成），就不应该存在辅助功能问题。
只是头脑风暴的一些想法：
在另一个关于SO的问题中，我遇到了一个链接到Quince，也许你也可以在那里找到一些灵感。
我不能把手指放在上面，但我不认为组合框在这里工作，它们在另一个方向上可能有点太过分了。而不是显示所有的页面链接（部分/子部分），他们都隐藏它们。之间的东西也许... 面包屑肯定是一个选项。 Quince是呈现UI模式的好方法。我会进行适当的调查，看看是否有任何东西突然出现在我身上。 – Kris 2009-06-20 10:37:44
你可以尝试：
或者像大安说：
这些（在传统树视图上）的缺点是，只有在选择一个部分之前，子部分才可见。如果你的用户不知道他们之后的子部分的名字，那么这两者中的任何一个都是非常合适的。
另一方面，如果他们确实知道他们之后的子部分的名称，最好给他们一个自动完成的文本框，以便他们可以键入几个字符并直接进入它。
我以前遇到过iPod的菜单，真是太好了。我认为它对我们的用户来说太聪明了，并且再次遭遇隐藏太多信息的组合问题。我们必须支持IE6（Grrrrr）。 – Kris 2009-06-20 10:42:28
关于交换标签和侧边栏链接的定位非常好，没想到这一点，但不幸的是，它们也是类似长度的多字链接。 我认为你的建议可以与手风琴相结合：http://jquery.bassistance.de/accordion/demo/ 点击一个部分显示子部分。 – Kris 2009-06-20 10:46:47