Tip:
Highlight text to annotate it
X
我将向大家展示
盲人无法使用网站上的图片的情况
我正在地理课程的页面上, 这里有一个练习
于是我像往常一样读这个页面
链接介绍, 链接打印课件, 链接文件,链接材料
链接档案, 链接词汇表, 链接自我评估
语音合成器告诉我 网页上的所有的链接,我继续
1991年8月,Ao没t 1991, 维尔纽斯, 立陶宛, 最终故事 L, S, 巴黎
我遇到一段
让人费解的文字
我猜想大概是一副图片的说明文字
我继续
1,介绍文档, 主题,问题
这有一个问题,要求我 介绍一篇我根本不知道的文档
一个能看见的人告诉我说 有一张图片解释了这篇文档
而实际上是可以很简单简单的用文字来表示的
问题的题目也是在一张图片中解释的,
同样也应当换成文字形式
来提高它的可及性
所以我既没有需要学习的文档
应为它不是以文字的形式提供的
也没有题目,因为它也是以图片而不是文字的形式显示的
我不能正常的做练习
这里是一个可及的网站 网站上所有的图片都有详细的注释
这个网站的主题关于
盲人使用海滩及浴场
所以我将向您展示这个网站是什么样的 donc je vais vous montrer ce que 莽a donne
音频海滩列表,进入
抵达海滩...
图像,欢迎标示牌,图片1
第一张图片是一个标示牌
欢迎标示牌正如说的那样
图像,沿通道的可触摸边界,图片 2
第二张图片据我的理解是
一条同外海边的有可触摸边界的通道
图像,浴巾存放并下海,图片3
第三张图片据我理解描述了
存放浴巾的地方
图像,海岸标示牌,图片4
第4张图片展示了海边的一个标示牌
所以,一切都很清楚, 通过网站的解释
我们可以想象图片中所描述的场景
另一个练习,另一种成问题的情况 当读一个网页时
1 斜线 6
您认为,自1987年以来
美国及其主要经济伙伴贸易平衡总体发展是
逆差, 顺差, 平衡的?
我遇到了一个问题有关
美国的贸易平衡
我得分析一些无法利用语音合成软件阅读的内容
这大概是一些统计方面的数据, 图表一类的...
通常这样的内容无法被语音合成软件读取
因此需要网站开发者对内容给出一定的解释说明
这显然比刚刚单纯的图片要长很多
但是如果不这样做,我们就无法使用那些统计方面的数据
也无法回答提出的问题
正如我们看到的有关美国贸易平衡的图表一样
一些图片非常复杂,因此难以阐述
这时,有相应的方法来解决这个问题
下面我来给大家展示一下...
标题列表... 项目1图表
图像,按确定键来获取长段说明
这样,语音合成软件告诉我这是图像并提醒我点击确定键
以获取相应的说明文字
这意味着将打开新的一页
在新的页面中将有关于图表的说明文字
确定,项目图表的说明 - Windows Internet Explorer
项目图表的说明
1级标题, 项目图表说明
在这里我们立刻找到了相关说明,在一级标题中
2级标题, 图表1
图表展示了两条线, 一条水平,另一条垂直
两线在中间相交
我们有关于图表的大致介绍
如果我们继续的话,可以看到详细的说明:
4个元素的列表
水平线的左侧是减号,右侧是加号
垂直线的下侧是减号,上侧是加号
这里所有的线和都被解释清楚了
于是我可以分析并使用这个图表
完成后,我们关上这个窗口
对与盲人来说,
在图片中的信息被完全丧失掉了
应当准备相应的替代文字
以文字的形式用来替换图片的内容
通常使用“alt”属性来做到
这可以帮助我们为图片添加一些较短的说明文字
同样适用于可点击的图片,图片按钮及表格等
说明文字应当简短而全面
通常在十个字左右。
当图片过于复杂, 说明文字需要超出十个字时
则需要使用“longdesc”属性
这样可以产生一个链接指向详细的解释
这种情况通常发生在需要解释说明图表
以及一些相对复杂的图片时
因此对于不同的图片我们会有不同的处理方法
对于一些装饰性图片
最好能够采用stylesheet的方式来处理
因此应当事先对哪些图片会给我们带来有用信息,
哪些图片仅仅起修饰作用有所了解。
一些排版图片,如项目符号等
应当在HTML代码中使用"ul"或"li"标记进行处理
图片应当能够通过"list-style-image"属性与CSS合成一体
一些透明的用来占位的图片应当被标明
合成发音软件
无法忽略哪些能够被看到的文字
这些无关紧要的图片的"alt"属性应该为空
这样的话,浏览器不会显示,读屏软件也无法读出
需要注意的是,这个比较老的方法
将逐渐被CSS技术所取代
使用图片进行占位将被废除。