跳到内容

H86技术：为表情符号、表情符号、，ASCII码艺术与利兹佩克

关于此技术

这种技术是足够见面1.1.1：非文本内容.

适用性

HTML格式

此技术涉及1.1.1：非文本内容（足够）.

描述

Emojis非常流行，经常在网上使用，以帮助提供更多上下文以及表达到基于文本的交流。Emojis有自己的预定义名字可能并不总是与作者想要传达的内容相匹配。对于例如，黑色右侧三角形（►）的表情符号默认描述为黑色右指向指针，如果设计师改变了其旋转或颜色，或者如果它被用来为多媒体播放器中的“播放”按钮命名。

表情符号早于表情符号，现在仍在使用，但远不如以前流行是。表情符号使用ASCII字符创建面部表情和其他方式传达一种情绪。因为表情符号是由许多文本字符组成的可能会让屏幕阅读器用户感到困惑。在可能的情况下，最好简单地使用像“微笑”这样的单词或合适的表情符号，而不是表情符号。如果使用表情符号他们应该有一个文本选项。

在图形被广泛使用之前，ASCII艺术在互联网上很常见。ASCII字符被安排成图片、文本图片或图形。尽管ASCII内容在网络上不再频繁使用，必须记住使用时，它会让使用屏幕访问互联网的人感到非常困惑读者。如果使用ASCII图形，还应该有文本解释图片是。还建议，如果ASCII图片没有标记为图像使用ARIA公司，有一个链接可以跳过这门技术（尽管这不是必须的）。

Leet曾经是网络文化和俚语中很常见的一部分，但现在几乎不存在了已使用。Leetspeak使用各种字符组合，包括数字和特殊字符字符，以替换标准字符。人们常常无法理解利特使用屏幕阅读器，因此需要文本替代以符合到成功标准1.1.1（非文本内容）.

示例

示例1：在句子中标记表情符号

这显示了一种使用不同于表情符号的可访问名称标记表情符号的技术违约。因为你不能使用中高音属性跨度元素和ARIA公司建议不允许在通用元素上使用可访问的名称，以提供表情符号使用ARIA将可访问名称定义为图像role=“img”属性，然后允许使用阿里亚·拉贝尔属性。

<p>我对我的朋友笑了笑，做了个手势<span aria-label=“you”role=“img”>👉🏾</span><span aria-label=“rock”role=“img”>🤘🏾</span>！</p>

示例2：四个选项用于为表示“微笑”的表情符号提供替代选项

下面显示了四个选项，可以为表情符号提供替代选项“smile”，由冒号后跟右括号组成。

：）（微笑）<abbr title=“smile”>：）</abbr><span aria-label=“smile”role=“img”>：）</span><img alt=“smile”src=“smiew.gif”>

示例3：使用阿里亚·拉贝尔和role=“img”属性

添加role=“img”属性将ASCII内容的包含元素定义为图像阿里亚·拉贝尔属性为其提供所需的文本替代项。跳到下一个ASCII示例.

<div aria-label=“WCAG”role=“img”>哦哦哦哦噢哦哦哦。哦，哦，哦。`888.    `888.     .8'd8P'`Y8b.888。d8P'`Y8b`888.   .8888.   .8'   888              .8"888.     888`888  .8'`888. .8'    888             .8' `888.    888`888.8英寸“888.8”888.88ooo8888。888欧欧`888“888”88b ooo.8“888`88.    .88'  `8''8'Y8ood8P'o88o o8888o'Y8ood8P'</div>

例4：ASCII图形及其前面图片的解释

此示例包含一个跳过ASCII图形的链接。跳到Leetspeak示例.

<图><图片标题><p>图1：蝴蝶的ASCII艺术图片。跳过ASCII蝴蝶图像</a></p></figcaption>LLLLLLLLLL有限责任公司__LLLLLLLLLLLLLLLLLLLLLLLLLLL_LLLLLLLLLLLLLLLLLLLL_LLLLLLLLLLLLLLLLLLLLLLL _ LLLLLLLLLLLL LLLLLL~~~LLLLLLLLLL_我L~LLL~LLLLLLLLLL长LL LL LL LL LLLLLL下限噢~~~~LLLLL _ LLL _ LLL_ __ _ LLLLLLL LLLLLLLLLL LLLLLL LL LLLLll LLLLLL律师事务所L LLLLLLLLLL LLLLLLL LLLLLLLL LLLLLLLLLL LLLLLL LL LLLLL LLLLLL法学~LLLLLL _______ L _ LLLLLLLLLL LLLLLL~~~~~~~LLLLLLLLLLLLLLLLLLLLLLLLL~       LLLLLL______________LLLLLLLLLL有限责任公司______有限责任公司_LLLLLLLLllLLLLLLLL LLLLLLLL~~LLLLLL~~~~LLLL___LLLLLLLLL __ LLLLLLLL __ LLLLLL LLLLLL ____ LLLLLL_LLLLLLLLL~~LLLLLLLL LLLLLLL LLLLLL LL LLLLLL ~~LLLL__LLLLLLLLL _ LLLLLLLL _ LLLLLLLLLLLLLLL~LLLLLLLL LLLLLLL LLL~L~~LLLLLL_LLLLLLLLLL LLLLLLllLLLLLLL _ LL LLLLLL LL LLLLLllllllllllllllllllllllllll~LLLLLL~llll~~~~LLLLLLLLLLLLLLLL有限责任公司___LLLLLLLLLL LLLLLLL~~LLLLLL~~LLLL LLL~L~LLLL~L LLLLL~LLLLLLLLLL _ LLLLLL LL LL LL LLLLLL ___ LLLLLL LLLLLLLLLLLLLL LLLLLL LL ~LLLLLLL~LLLLLL~llllllllllllllllllllll__llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllLLLLLLLLLL LLLLLL L~LLLLLLL LLLLLLL~LLLL LLLL~LLLLLLLLllLLLLLLLL ____ LL LL LLLLLLL LLLL LLLL LLLLLL LLL LLLLLL~~LLLLLLLLllLLLLLLLL LLLLLLL LLLLLLLL~LLLLL~~~~~~~~~LLLLLLLLLL _ _ LLL _ LLLLL~~~~~ LLLLLLLLL~LLLLLLLLLL_ LLLLLLLLLL L L LLLLL有限责任公司LLLLL__LL__LLLLLLL有限责任公司LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL~LLLLLLLLLLLLLLLLL~~LLLLLLLLLL有限责任公司~~~~~~~~~</图><p id=“skipbutterfly”>ASCII图像后的新内容</p>（第页）

示例5：标记Leetspeak

以下是“奥斯汀岩石”的利兹佩克。

Au5t1N r0xx0rz

其他来源

无背书暗示。

测验

程序

  1. 检查内容是否包含表情符号、表情符号、ASCII艺术或leetspeak。
  2. 检查每个表情符号是否有一个替代文本，以达到相同的目的。
  3. 检查每个ASCII图形、表情符号和/或Leetspeak是否：
    1. 被标记为具有同等目的的替代文本的图像；或
    2. 在前面或后面有文本替代。

预期结果

  • 检查#2和#3为真。
返回页首