们具有链接到不同博客文章的

rasel211

选择整个内容块不需要精确的运动技能来选择，描述性文本将为使用辅助技术的用户提供更多上下文，以便他们知道该链接会将他们带到哪里。 CTA 示例 #7 - 可选择的内容块 Barnes & Noble 的主页列出了许多其他内容供用户在首屏查看。在下面的屏幕截图中，您可以看到它方形内容块。对于每个博客帖子块，他们列出了一个“阅读更多”CTA，当您将光标悬停在它上面时，该 CTA 会以粗体显示。

与其在页面上一遍又一遍地重复这种模糊的“阅读更多”CTA，从而分散主要 CTA 的注意力，他们可以删除“阅读更多”副本，并在您将鼠标悬停时突出显示博客文章的标题和/或下划线因此博客文章标题可以是用户可以选择的描述性副本。 来自 Barnes & Noble 主页的三个博客帖子图块 国家电子邮件列表 的屏幕截图 来自Barnes & Noble的模糊二级 CTA 示例 有关更用户友好和可访问的可选块是什么样子的示例，让我们看看 REI 的主页。在下面的屏幕截图中，它们具有类似于 Barnes & Noble 页面的三个附加内容块。但是，REI 不包括每个块的“阅读更多”的 CTA，而是将内容的标题作为您可以选择的描述性文本。 此外。

当您将光标悬停在 REI 的内容块上时，会在整个块中添加一个阴影，以稍微弹出整个块，并且描述性标题文本带有下划线和粗体。这些 CTA 块具有易于访问的描述性文本，它们没有使页面混乱的不必要的模糊按钮，并且它们具有悬停功能，可以将您的注意力吸引到内容块并突出显示它是可选的。 来自 REI 主页的三个博客帖子图块的屏幕截图 带有来自REI的辅助 CTA 的可选块示例 8.考虑移动设计 我们生活在一个移动优先的世界中，因此您必须设计您的 CTA，以便它们在移动设备和桌面设备上的外观和功能。