为了使网络成为一个更容易访问、障碍更少的地方 , 我这里有一些建议 , 以确保你的网站更容易访问 。 让更多的潜在客户能够访问你的产品 。
建议
1.为非文本内容(例如图像)提供文本替代方案:你附加到网站的所有图像都应使用altHTML标记 , 在该标记中 , 你用纯英语描述图像的内容 。 尽量用描述性的语言 。
2.优雅地处理文本大小调整:任何视力受损的人都必须放大才能看到你网站的内容 。 可以通过正确设计你的网站来实现 。
确保使用em单位来指定文本的高度 , 而不是绝对单位(px或pt) , 当用户增加网站上的文本大小时 , 绝对单位将允许正确的文本比例 。
3.不要将图像用于文本(例如在徽标中):文本图像不允许正确缩放 , 因此 , 你应始终使用实际文本 , 然后通过应用CSS样式(字体、颜色、重量等)正确设置其样式 。 不要忘记alt标签 。
4.键盘兼容性测试:应该能够使用键盘浏览你的网站 。 例如 , 按tab键应允许你在链接和表单元素之间导航 。 现在就测试你的网站 , 看看你的网站的所有部分是否都可以通过键盘轻松访问 。 如果为所有输入元素使用标签 , 则表单将易于导航 。
5.为网站上使用的媒体提供文字记录:正如看不见的人不能使用图像一样 , 听不见的人也不能使用音频 。 因此 , 当你在网站上附加音频或视频时 , 也应该包括文本记录 。
【小米科技|实现更易访问的Web的6个步骤】6.对比度:这是常识 , 但要确保文本和背景之间的对比度相当高 。 没有人喜欢眯着眼睛在白色背景上阅读浅灰色文本 。
相关经验推荐
- 一加科技|iPhone13Pro、一加9Pro和一加10pro之间,该如何选?
- 小米科技|时讯:MIUI 13稳定版更新,小米12新增内存扩展功能
- 小米科技|Intel/AMD/NV等撑不住!CPU、GPU等今年都要大涨价
- 小米科技|2022拍照最好的几款手机,堪比小单反,经常拍照的可以考虑一下
- 小米科技|12GB+256GB+120W快充,高配陶瓷旗舰机再次跌价,价格更亲民了
- 一加科技|别不舍得花钱,这4款手机一步到位,用个3-5年没问题
- 小米科技|小米手机用一年了,现在电池严重不行,10%以下就自动关机
- 小米科技|三款骁龙8旗舰,续航“测到死”!小米12Pro表现意外
- 小米科技|告别1999!红米K50太强:小米12X很尴尬,但雷军还是出手了
- 小米12|?力压小米12,拿到年度“最佳产品奖”,2999元起