收藏本站|设为首页

您现在的位置: 首页 > 新闻中心 > 建站经验 > 详细内容

建站十种小技巧

2013-08-31 16:13 来源: 卓杰科技(www.zhuojie.cc) [ ]

1、给logo添加个ALT,好处就是图片未加载到时,也能告诉非视障用户那里是你的logo。
例:<img src="logo.png" alt="网站名称">
或者,你用背景图来实现logo的话,也可以添加title属性来实现:
<span title="网站名称"></span>
当然,链接+背景图的方式是最好的,但最好也加上title属性:<a title="网站名称"</a>
2、增强focus定义
其实很多网站会用尽一切办法去掉浏览器的:focus样式,特别是对于IE浏览器,其实,浏览器默认带上:focus样式是有道理的,它能指示用户当前的鼠标焦点位置是在哪里。这个对于键盘流特别重要。
所以请不要去掉:focus样式,甚至,你觉得默认的样式不好看或者不统一(IE是虚线框,Webkit是高亮的实线框,并且,Safari是蓝色,Chrome是橙色)也可以自己给定义一个高亮色:
a:focus{outline:1px solid red; background:yellow;}
3、定义必填表单项
用aria-required属性可以定义表单中的必填项——嗯,主要还是告诉读屏软件:
<input type="text" name="username" aria-required="true">
4、去掉tabindex
曾经,很多人用tabindex来“增强”用户体验,但是这个属性却会打乱页面的正常阅读顺序,对视障用户是灾难性的,对普通用户也未必是友善的。所以千万不要滥用tabindex属性。
5、定义表格描述
不要简单的在表格前面/后面加个p了事了,表格有专用的caption标签可用,就像图片一样。
<table>
<caption>class schedule</caption>
<tr>
.....

本页关键词:

上一篇:怎么样运营才能让网站走向成功 下一篇:教你怎么用Jquery