使用object元素的主体提供替代文本_20160407
说明
该技术的目的是为使用object元素渲染的内容提供文本替代。object元素主体可以用来提供一个完整的替代文本。 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):朗读为:随着温度升高,在该气囊的分子;