跳转到内容

数字可访问性

信息图

除了任何文本之外,您还需要包括图像的上下文和布局。下面是一些描述图形的有用技巧。

为信息图编写Alt文本

信息图经常向用户传达屏幕阅读器无法识别的重要信息。

1.包括图像中出现的所有文本。

考虑从图像中删除文本,并将其作为动态文本插入页面。您的alt文本将需要包括所有图像中出现的文本。

  • 错误的Alt文本
    信息图表

    清晰,描述性的Alt文本
    在“2017 NCAA女子篮球全国冠军”文本上方显示篮球图标的信息图

  • 一个www.eternity-eta.com页面显示了一个9x9网格的统计数据,中间的方格上写着:2017年NCAA女子篮球全国冠军


2.考虑布局。

信息的顺序对于理解信息是至关重要的,所以除了整个内容之外,一定要描述图形的布局,例如文本相对于图像的位置。

  • 图片显示2020年夏季学期的课程100%在线上,一名学生在绿色背景上跳舞,指着星形方块中勾勒的白色文字:充分利用你的夏天。

    错误的Alt文本
    2020年夏季学期图表。

    更好但需要改进
    充分利用你的夏天。2020年夏季学期100%在线。

    清晰,描述性的Alt文本
    图片显示2020年夏季学期的课程100%在线上,一名学生在绿色背景上跳舞,他指着左边星形方块勾勒的白色文字:充分利用你的夏天。


你的形象也是一个链接吗?

链接图像说明»



挑战传统。创建例外。没有限制。

©
Baidu