如何创建符合508标准的组织结构图?

时间:2013-09-09 17:57:10

标签: html accessibility section508

我一直在研究这个问题,并且在创建符合508标准的可访问组织结构图的标准解决方案方面没有找到太多内容。我们有代表组织结构的图像。似乎选项是创建一个链接到的外部文件,试图表示图表中的关系(虽然我不确定是否有一种普遍接受的方法通过文本为分层树执行此操作),或者可能创建一个实际上没有链接到任何外部但只是标签存在的imagemap。这似乎更像是一个黑客。我还想到了另一个潜在的表示 - 另一个html文件(链接),它基本上只是你的标准列表,它可以代表无限的分层复杂性。一些标记的项目在一般层次结构之外(因此在层次结构内的各种类型的分组等)。只是想知道是否有其他人遇到过这个问题,或者只看到其他人如何接近它的例子?

2 个答案:

答案 0 :(得分:5)

Section 508 says,关于基于网络的内联网和互联网信息和应用程序,这可能是重要的:“(a)应提供相当于每个非文本元素的文本(例如,通过”alt“ ,“longdesc”或元素内容。“满足要求的任何解决方案都符合508。请注意,这是一个合法和正式的事情;它并不意味着内容真的可以访问。

因此,您可以将组织的文本描述(与图像的内容等效)写入alt属性。其长度没有明确的上限。或者,您可以使用longdesc属性链接到包含等效描述的页面,该页面可能使用HTML的所有表达能力,例如:嵌套列表或表(当然具有可访问性要求)。 longdesc的软件支持是有限的,如果不是轶事,但第508节明确提到了这种可能性。最明智的是,您可以根据需要在页面内容(在这种情况下,您可以使用alt="")或在链接到的单独页面上使用HTML标记编写文本说明。

对于更具体的答案,我认为你需要提出一个更具体的问题 - 比如一个有代表组织结构图的真实图像的问题。

答案 1 :(得分:1)

我正在努力争取一个截止日期,在提出这个问题五年以上之后,我才提出这个问题。即使是现在,如果有人将可视化呈现的组织结构图递给我,并且没有可访问的后备,那么Jukka的答案将提供我能想到的最佳解决方案。

但是如果我们是创建过程的一部分(始终是理想的),并且能够从一开始就影响可访问性,该怎么办?使用结构良好的语义HTML,是否有可能不需要回退?这就是我现在要寻找的东西,这里有一些资源可能对有类似需求的人有用。两者都是经过许可的开放源代码,在两种情况下(使用MIT许可),都只需要在源代码中保留原始版权和许可声明即可。

Here's a CSS solution由Erin Sullivan提出。

And here's another that uses the Treeflex CSS library

我始终尝试将内容与演示文稿分开,CSS提供了不断定制,改进和改进演示文稿的可能性。我希望在我当前的项目中使用其中之一,并希望这项研究对致力于改善可访问性的其他人有所帮助。