购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.1 实验#1:oricity网站图片上传Tooltip显示错

缺陷标题 oricity网站“我的城市空间”下“图片上传”的Tooltip显示不正确。

测试平台与浏览器 Windows 7+Firefox 24.0或IE 9或Chrome 32.0。

测试步骤

(1)打开oricity网站http://www.oricity.com/。

(2)登录,单击“××的城市空间”。

(3)展开“我的相册”,将鼠标悬停在“图片上传”上。

(4)查看Tooltip结果。

期望结果 Tooltip描述正确。

实际结果 Tooltip描述与“图片上传”功能不符,显示为“我的好友的分组”,如图2-1所示。

图2-1 文字描述不正确

专家点评

Tooltip提示应用于当用户不知道某项的具体功能时,将鼠标指向该项会给出提示信息。同时,美国对网站的设计也有一个标准,就是支持残疾人(比如盲人)也能正常访问网页,那么这个时候Tooltip上的文字就能通过读屏软件读出来。一般要求所有的图片和表格标题框等要加Tooltip,以方便使用。

软件测试工程师在测试网页Tooltip时需要关注以下两点。

(1)Tooltip显示的文字与实际是否一致。本例中就不一致,此时容易导致误解。

(2)Tooltip上面的文字是否只能在IE上显示而在Firefox或Chrome浏览器上不显示。

对于第一个问题,主要原因是开发工程师粗心,输入错误,或复制粘贴位置错误;对于第二个问题,主要原因是开发工程师对网页中图片等提示信息在各个浏览器上的不同缺少意识。例如, img src="img/leaf520.png"alt="点击返回言若金叶主站"/ ,这段HTML代码中关于图片的Tooltip用的是alt,这种代码只对IE有效,而在Firefox或Chrome上不显示。如果想所有浏览器都显示,应该写为 img src="img/leaf520.png"title="单击返回言若金叶主站"/ ,也就是说alt的Tooltip只有IE内核才能显示,而title的Tooltip在所有浏览器中都能显示。 7DjVYlJ97SbpwUWv9LqLWK/oSdwOO3TYEJrAqKYKs/aIsx1wHq1M5S/GzBrvXveS

点击中间区域
呼出菜单
上一章
目录
下一章
×