现在,有越来越多的所谓的“教程”来帮助我们提高网站的可用性。大梅收集了一些在web开发中容易出错和被忽视的小问题,为web开发者更好地改进网站提供了参考解决方案。
通过避免这些小错误,我们可以使我们的网站更友好。
错误1:窗体的标签标签与窗体字段不关联
“for”属性允许用户单击标签或选择表单中的内容。这样可以扩大复选框和单选框的点击区域,具有很强的实用性。
错误2:徽标图像未链接到主页
点击网站标识进入主页,已经成为网民的一种条件反射。另外,值得一提的是,logo被指定在左上角。
错误3:无法判断链接是否已被访问
已访问链接的状态应与未访问的链接不同,以便用户能够直观地了解哪些链接已被单击。
错误4:当前选定的活动表单项未突出显示
您可以使用“焦点”来显示所选文本区域是动态的。您还可以使用CSS样式,例如突出的边框或稍微改变的背景色。
错误5:图像中没有ALT picture description
你可能认为这无关紧要,但这是必要的!记住给你的图像添加一个描述性的alt属性,它可以是空的(但仍然存在!)除非图像明显用于装饰。如果使用图像作为链接点,则可以输入链接地址。
错误6:背景图像后没有设置背景颜色
在内容文本后面使用背景图片是很常见的,但是我们也应该考虑到如果客户端禁用了背景图像,那么在背景图像后面设置一个色调相似的背景颜色,以避免文本变得不可读。
错误7:接口设计不一致
这可能就是矫枉过正的意思。为了提高网页的水平,一些设计师为网站中的每个页面创建不同的设计。但这只会让用户感到困惑和困惑。记住,无论一个网站有多好,多么吸引人,如果它的整体外观和感觉不一致,用户很难记住它。建议如下:
1每个页面都使用标准一致的模板链接到站点的主要部分。
2关键字应该很简单。设计要美观简洁,用户在使用时不会感到困惑。
错误8:带下划线的内容不是链接
众所周知,带下划线的内容可以很容易地用作链接。不要随便在课文中加下划线,这样会使人混淆。如果你真的想强调一个词,试试加粗或放大字体。
多年来发展老代码农民福利礼品:网页制作、网站开发、网页前端开发、HTML+CSS+JavaScript从零基础。JQuery、AJAX、node、angular framework等已经在移动终端小程序项目实战[视频+工具+电子书+系统路线图]中梳理出来。有需要的伙伴可以给我发私信。在发送“前端”3秒后,您可以获得地址并将其发送给每个对编程感兴趣的小伙伴
通过识别这些常见错误,web开发人员可以避免其他人遭受的许多挫折。我们不仅要承认错误,还要意识到错误的影响并采取措施加以避免,这样我们才能有更好的发展业绩——有信心完成任务!