我正在开发一个公共网站，它是有关医疗状况信息的前端。
在用户进行搜索（基于调查问卷）后，他们会看到分类为部分和子部分的结果。
信息项可以分配给部分和子部分。
目前，部分由顶部和屏幕上的选项卡表示，而子部分由侧边栏中的链接表示。侧边栏中的链接会根据选择的部分而变化。
问题是部分名称很长（几个单词），因此选项卡的组合长度对于标准屏幕分辨率（1024 x 768）来说太宽了。因此，它们会包装并破坏页面布局。我们将来还必须添加其他选项卡。
考虑到这个问题以及我们的目标受众相当广泛的事实，这是一个公共医疗网站，有哪些选项可以以普通用户可访问且易于导航的方式呈现此类信息。
只是头脑风暴一些想法：
在另一个关于 SO 的问题中，我遇到了Quince的链接，也许你也可以在那里找到一些灵感。
你可以试试：
或者正如大安所说：
这两者的缺点（相对于传统的树视图）是在您选择一个部分之前，子部分不可见。如果您的用户不知道他们所追求的小节的名称，那么其中任何一个都非常适合。
另一方面，如果他们确实知道他们所追求的小节的名称，最好给他们一个自动完成的文本框，这样他们就可以输入几个字符并直接进入它。
小节名称有多长？它们会适合标签的空间吗？如果您将部分链接放在侧栏菜单中，而将小节链接放在选项卡中，而不是相反，您可能会获得更好的用户性能。请参阅http://www.usability.gov/pubs/040106news.html。
另一种选择是将所有内容放在侧栏菜单上。小节链接可以在其节链接下缩进显示。您还可以考虑将小节链接放在节列右侧的自己的列中。这使得部分菜单稳定，但占用了大量可能更适合用于内容的水平空间。无论哪种情况，对视觉设计的适当关注将显示当前部分、子部分以及它们之间的链接。
只要您使用链接导航到每个部分/子部分（可能基于与页面链接相关的数据库以编程方式为每个页面生成），可访问性就不应该有问题。