4 css和js无障碍最佳实践

css相关部分

1 .正确的语义和用户期望

1 .可以使用css使任何HTML元素看起来像任何东西，但是这并不意味着你应该这样做
2 .标签这里应该尽可能的语义化，为元素选择适合自己的语义标签，如果不这样做的话，可能会导致混乱和可用性问题.
3 .使用正确的语义与用户期望有很大的帮助-元素的外观和功能会根据他们的功能进行某些方式的显示，而且用户期望这些常见的约定

2 .颜色和对比度:有一些工具可以检查对比度.WebAIM
3 .隐藏东西：不应该使用visibility:hidden,display:none来隐藏内容，他们会隐藏屏幕阅读器的内容。
4 .允许用户覆盖你的样式。比如用户下载了第三方插件，想要自己修改主题色，比如护眼模式

1 .用户可能出于各种原因执行这个操作，视力受损的用户可能希望其访问的所有网站上的文本变大。严重色缺乏的用户可能希望将网站置于易于查看的高对比度颜色中
2 .无论需要是什么，都应该满足这些条件，比如主要内容区域可以处理较大的文本，这个时候出现滚动来让用户查看这个而不是仅仅隐藏掉
3 .现在应该确定是的是!important这个属性是真的不能用，如果用了这个，上面这些就实现不了了

js方面

1 .主要是缺乏某些功能的补充
2 .过分依赖js导致的问题。一个网站全部使用js完成，比如生成html，css，随之而来会出现各种可访问性问题，因此这种是不推荐的，要做服务端渲染
3 .鼠标特定事件

1 .