css – 使网站易于访问的最佳做法是什么?

前端之家收集整理的这篇文章主要介绍了css – 使网站易于访问的最佳做法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找设计一个具有可访问性的网站的最佳实践.该网站将有很多年龄较大,能力较差的人访问它,我希望尽可能让它们友好.是否有资源描述所有正确的标签和要使用的属性

解决方法

这是我倾向于遵循的快速列表

>确保它理想地使用干净的XHTML标记符合AAA标准,
>尽可能将HTML,CSS,Javascript溢出到相应的文件中,
>为打印,屏幕等创建不同的样式表,
>确保您考虑到视力和色盲的颜色和字体,
>尝试仅将主导航放在代码顶部,以便实际内​​容显示代码顶部附近,这样人们就不必滚动到远处查看内容,特别是如果他们使用屏幕阅读器/低水平,
>如果您在内容之前确实有很多导航,那么在顶部附近放置一个链接,允许用户跳到内容,
>确保页面上的第一个链接是纯文本/低图形版本的网站,
>确保所有页面和所有Essential功能都可以在没有启用JavaScript的情况下运行,
> Firefox有很多插件可以帮助开发,包括

> Web开发人员
>没有脚本
> HTML验证器
>萤火虫

>确保页面呈现在所有浏览器(包括旧浏览器)上,即使这意味着它的工作原理虽然与设计不完全匹配.
>确保HTML,JavaScript保持最小文件大小以帮助下载时间,例如删除空格和空白行,
>始终在表单和alt中使用LABELS,在链接和图像中使用标题标签,
>仅将表格用于表格数据并确保数据具有适当标记,
>在可能的情况下,不要使用JavaScript将内容写入页面,而是使用CSS来隐藏它,这种方式是JavaScript被禁用或无法正常工作,然后内容仍然会出现,
>始终确保您使用onkeypress以及JavaScript中的onclick事件包装用户不能/不使用鼠标.

最后,如果您必须在页面上使用空白图像进行跟踪等,则不要给它们Alt标记.这是我自己的观点,是一个在网上激烈争论的问题,特别是当1x1px图像用于间距时.但是据我所知,如果你使用的是屏幕阅读器,那么你就不会读出它不需要看的图像的愚蠢评论.

原文链接:https://www.f2er.com/css/215583.html

猜你在找的CSS相关文章