使用object元素的主体提供替代文本_20160407


说明

该技术的目的是为使用object元素渲染的内容提供文本替代。object元素主体可以用来提供一个完整的替代文本。 object元素的备用内容只有当媒体被元素加载,而不是被用户代理渲染的时候可获得,因为用户代理不支持媒体技术或者用户设置,不渲染该媒体技术。在这些情境下,备用内容将会呈献给用户。如果媒体没有备用内容渲染,该媒体内容需要可以直接访问。开发者可以使用该技术来满足成功标准,如果媒体无法直接访问。


样例

样例1:一个object包含一个长描述



效果

这里有些文本描述object和操作方法.

样例2:对object的非文本提供替代文本



效果

公司名称

样例3:图像object包含提供图片功能的简短描述的内容



效果

公司名称

样例4: 使用最内层object元素的替代文本为外层嵌套object提供替代文本



效果

随着温度升高,在该气囊的分子

无障碍效果

各读屏、各浏览器的支持效果

测试人:雪怪、河马

争渡、IE11:

例(1):按元素方式访问,朗读为“序号加对象”,用光标键访问,朗读为“客户端”。
例(2):按元素方式访问,朗读为“序号加对象”,用光标键访问,朗读为“客户端”。
例(3):按元素方式访问,朗读为“序号加对象”,用光标访问,朗读为“客户端”。
例(4):按元素方式访问,朗读为“序号加对象”,用光标访问,朗读为“客户端”。
永德、IE11:

4个例子,按元素方式访问均朗读为“序号加对象”,用光标方式访问均无法获取到例子中的对象”;
NVDA、IE11:

4个例子无论用光标方式访问还是按元素方式访问均朗读为“嵌入式对象”;
永德、chrome:

例(1):按元素方式无法获取到此对象内容,用光标访问,朗读为“这里有些文本描述object和操作方法.”。
例(2):按元素方式访问无法找到此对象,用光标方式访问朗读为“公司名称 图形”。
例(3):按元素方式访问,无法遍历到此对象,用光标方式访问,朗读为“公司名称”。
例(4):按元素方式访问,无法找到此对象,用光标访问,朗读为“随着温度升高,在该气囊的分子”;
NVDA、chrome:

例(1):按元素方式访问,4个例子都朗读为“嵌入式对象”,用光标访问,4个例子都朗读为“代码效果 嵌入式对象”;
NVDA、Firefox:
例(1):按元素方式访问,找不到此对象;用光标访问,朗读为“这里有些文本描述object和操作方法”。
例(2):按元素方式访问,找不到此对象;用光标访问,朗读为“公司名称”;
例(3):按元素方式访问,找不到此对象;用光标访问,朗读为“公司名称”;
例(4):按元素方式访问,找不到此对象,用光标访问,朗读为“随着温度升高,在该气囊的分子”;
voiceover、chrmoe:
例(1):朗读为:这里有些文本描述object和操作方法;
例(2):朗读为:公司名称,图像;
例(3):朗读为:公司名称;
例(4):朗读为:随着温度升高,在该气囊的分子;
voiceover、Safari:
例(1):朗读为:这里有些文本描述object和操作方法;
例(2):朗读为:公司名称,图像;
例(3):朗读为:公司名称;
例(4):朗读为:随着温度升高,在该气囊的分子;