问Twitter和Instagram嵌入WCAG
EN

Stack Overflow用户

提问于 2021-03-17 23:58:46

回答 1查看 21关注 0票数 0

我们的网站试图尽可能符合WCAG，但我们在尝试嵌入Tweets和Instagram时遇到了挑战。

嵌入的代码看起来像<blockquote>....</blockquote>，但会动态呈现给<iframe></iframe>

由于我们无法控制渲染的视图，例如，iframe没有标题。

有没有一种方法或建议在周围的<div>中放置一些东西，至少可以警告屏幕阅读器或其他工具外部站点上正在发生iframe。

例如，我尝试使用aria="section" label="External Website in Iframe"，但我不知道工具是否使用它，以及它是否足够有效。

谢谢

发布于 2021-03-19 20:41:14

我会用Javascript在所有iframe上动态添加一个标题-如果我有正确的标题的话。或者制作一个插件(包装器)，这样当作者粘贴tweet的URL时，她还必须编写标题，然后让Javascript将title属性添加到iframe中。

也许值得一试？

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66676723

复制

相似问题

问Twitter和Instagram嵌入WCAGEN