代码之家 › 专栏 › 技术社区 › danjah

从可访问性的角度来看,是否可以接受使用blockquote元素?

screen-readers user-experience accessibility css html

danjah · 技术社区 · 6 年前

我有一个简单的方法来输出一些标记,我可以得到以下结果:

<blockquote>The quote</blockquote>
<blockquote>The quotee</blockquote>

例如(1):

<blockquote>The secret of getting ahead is getting started.</blockquote>
<blockquote>- Mark Twain</blockquote>

这让我觉得有点恶心,好像一个blockquote的内容都应该是独立的。此外,在这样做的过程中,我可能会使用辅助技术(如屏幕阅读器)触发一些不太理想的结果,这些技术依赖于语义标记。

如果它是自包含的,那么就需要额外的标记来可靠地设置Quotee的样式,与使用CSS的引号不同,例如(2):

<blockquote>
  The secret of getting ahead is getting started.
  <span>- Mark Twain</span>
</blockquote>

抛开封装的所有感觉,是否有人知道这些不同的方法在如何呈现给用户方面存在明显的差异?

1 回复 | 直到 6 年前

Mohamed Mansour 6 年前

最后一个示例是最好的,因为它是分组的,但是使用 cite 也 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite :

cite:before {
 content: '- ';
}

<blockquote>
    The secret of getting ahead is getting started.
    <cite>Mark Twain</cite>
</blockquote>

只是样式引用:

推荐文章

GurpusMaximus · 如何使用Java PDFBox 2.0.8库创建可访问的PDF,该库也可以使用PAC 2工具进行验证?

6 年前

David Costa · 如何以编程方式在主屏幕之间滚动?

6 年前

Ian Boyd · 如何设置与TEdit控件关联的可访问名称?

6 年前

fhe · 在nsDialogs中处理键盘导航

6 年前

user1942362 · 如何在IOS上创建混合应用程序?

6 年前

Josh Pham · 屏幕阅读器读取移动应用程序上密码类型输入的“句号”或“星形”

6 年前

jcolton · 当文档大纲中的位置未知时,使用哪个标题级别?

7 年前

Stu Care · Javascript/jQuery:如何基于tab-press识别所选项目?

7 年前

Binary Baba · 双击不会在对讲模式下单击父视图

7 年前

Vecta · 具有垂直和水平标题的可访问表格

7 年前