CKEditor图像插件：提供按内容描述的aria的可能性

我想允许作者在CKEditor图像插件对话框中输入长描述，然后通过aria descripbedby属性为屏幕阅读器提供描述。在我们的用例中，作者以所见即所得模式工作；他们不需要编辑原始HTML，因此我们不能要求他们在图像对话框中输入ID，向其他元素添加相应的ID，等等

增强CKEditor图像插件对话框，使其具有一个字段，作者可以在该字段中输入一个长描述，以伴随简短的alt描述。结果可能类似于

。但是我们需要的是

，其中longDescriptionID是页面上某个元素的ID（对有视力的用户隐藏或不隐藏）

我脑子里有几个可能性。（1） 让图像插件保持它的功能：输出一个

标记，如第一个示例中所示，然后面向最终用户的视图中的一些其他代码负责查找数据长描述，将它们替换为aria descripeby属性中的id（随机生成，例如），在视图中的某个地方插入对可视用户隐藏的相应内容，以便屏幕阅读器能够读取

---

可能性（2）是让图像插件输出类似于

的内容这是很好的，图像的长描述等等，其中.accessibleLongDescription是隐藏的，除了屏幕阅读器。
很好，您正在研究它。更详细的图像描述通常很有用。一些想法

不仅仅是那些使用屏幕阅读器的人觉得较长的描述很有用。有认知障碍的人通常会从复杂图像的更详细解释中获益。如果你能根据需要向任何人提供描述，这将帮助更多的人

将描述插入DOM时，它需要紧跟在与其相关的图像之后。屏幕阅读器使用称为可访问性树的DOM翻译来访问内容，因此DOM顺序很重要

因此，一种可能是组合您的方法—按照您在第一个方法中的建议搜索/替换数据属性，然后根据第二个方法中的模式插入描述

另一种可能是使用披露小部件模式。将图像表示为本公开的触发控件，并在小部件展开时提供详细描述

一个合理的方法就在这里。
作为一个当年实现了CKeditor并处理长描述的人，我认为这是一个好主意。不过，我不确定你的问题是什么。分享一件事——不要只向屏幕阅读器用户提供。考虑一个公开小部件，因为所有用户都可以受益（想想信息图表）。为此，我喜欢选项1。@aardrian我的问题不是如何提问。我知道如何做这两种选择。这更多的是一种更好的练习。我也更喜欢选项1，这也是我在与一些为我们开发的供应商交谈后决定采用的。选项#2感觉太——嗯，确切地说，这不是一个黑客行为，但它让我们的数据/内容中有一些我们以后可能不喜欢的东西。我们产生了大量的内容。选项#1在内容和演示之间提供了一些分离。Keen。您是否希望反馈作为对此的“答案”（以便您可以将其标记为已接受和/或收集更多详细信息）？@aardrian不确定该说什么。我不认为会有一个答案本身，但我想从任何人谁处理过这类问题的反馈。