使用图像群组中的一个条目的替代文本,来描述群组中所有条目_20160412


说明

该技巧的目的是当临近非文本内容共同来呈现信息或功能的时候,避免非必要冗余。这某些案例中,网页会展示一组图像来传递信息。当一起出现或特定组合时,这些群组传递不同的信息。例如,可以使用星星来呈现用户的评级。例如,三个实心,二个空心表示3星的评价;

使用这个技术,开发者提供一个替代文本,并将其与组中一个条目连接。其他条目被设置为辅助技术可忽略。这样,用户能够快速识别群组的目的,而避免为每一个条目提供替代文本;


样例

样例1:HTML的评价系统:三星评价



效果

Rating: 三星


无障碍效果

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

测试人:wmq

争渡、IE11:
三星 图形 不可用
永德、IE11:
三星 图形
NVDA、IE11:
Rating 图形 三星
永德、chrome:
三星 图形
NVDA、chrome:
Rating 图形 三星
NVDA、Firefox:
Rating 三星
voiceover、chrmoe:
Rating 三星 图像
voiceover、Safari:
Rating 三星 图像