持续的帮助–Keep helping your weblog.

这篇WEB可用性检查单是为设计者自己准备的，相当不错，特翻译一下，自己也学习一遍。

Enough talking, let’s start!

不说废话，马上开始！

Technical(技术方面)

Did you validate your (X)HTML using W3C Markup Validation Service?
你确定你制做的(X)HTML文档是符合W3C规范的吗？
Did you validate your CSS using W3C CSS Validation Service?
你确定你的CSS样式表是符合W3C规范的吗？
Did you check your website in at least IE, FF, Opera and Safari?
你在IE6,IE7,Firefox,Opera,Safari(苹果的浏览器)检查过你的页面吗？

Images(图象)

Did you add the ALT and TITLE attributes to all your important images?
你有没有为那些重要的图象添加”ALT”,”TITLE”属性吗？
Did you add the LONGDESC attributes to all your image that need a description?
你有没有为你的所有图片添加一个”LONGDESC“属性来描述这个图片呢？
Did you write effective ALT text?
你有没有写好正确有效的ALT文本？
Did you make the size of your pages less then 50KB?
你的页面大小超过 50KB 了吗？
Did you choose the appropriate filetype for your images?
你有没有根据你的图片的特点选择正确的文件类型(png,gif,jpg)呢？
Did you add a description to images that support your content?
你为图片添加的描述文本和是不是能帮助用户了解你的页面内容呢？
Did you use plain text instead of images for important content?
你是不是用纯文本替代图象来表达重要的信息呢？

Content(内容)

Did you use a sans-serif typeface with a decent font size for your body text?
你的正文没有使用一个大小得体的有衬线字体(中文一般为12px或14px宋体)呢？
Did you adjusted the leading and tracking, if necessary, to increase readability?
你有没有调整好你的行间距和字距呢，如果有必要，能增强其可读性吗？
Did you align your body text to the left? (depends on language)
你有没有让你的文本向左对齐呢？(依语种情况而定)
Did you use EM or percentages instead of PX?
你有没有用”EM”(百分比)代替”PX”来表示字体的大小呢？
Did you make sure that there are no whole sentences in uppercase?
你确定你的页面中没有句子整个是用大写字母构成的呢？
Did you use less then 78 characters, including spaces, per line?
包括你的空格你每行的字母不是是少于78个呢？
Did you make brief and precise paragraphs with explanatory titles?
你的标题是不是言简意赅呢？
Did you use lists to sum things up?
你是否使用列表来总结统计呢？
Did you write your conclusion first and then your explanation?
你是否先说出你的结论，然后再来解释说明呢？
Did you create enough contrast between the text and the background?
你的文字与你的背景在是不是有足够的对比度呢？
Did you make your website also accessible for text-only browsers?
你的网页在只支持文本的浏览器里是否也能顺理浏览呢？
Did you make sure that there are no ‘under construction’ pages?
你确定没有正在建设中的页面？
Did you include a print function on pages with a large amount of text?
在一些文字量巨大的页面你有没有弄一个打印的功能？
Did you include a print stylesheet?
你有没有专门为打印设置一个打印样式。
Did you replace all special characters with the ISO Latin-1 codes?
你有没有用”ISO Latin-1″(中文:GB2312,GBK,UTF-8)编码替换所有的特殊字符？
Did you spell check your content and did you proofread for grammar errors??
你有没有对你的文字进行拼写检查、校正你的语法？

Navigation(导航)

Did you make sure that all your links work? W3C Link checker does the job.
你确定你的链接都能正常工作？让”W3C Link checher”来做这个工作吧。
Did you include a link to all your main pages on your homepage?
你在每个页面都做好了返回首页的链接吗？
Did you include your main navigation on every page?
你的主导行条是不是每个页面都有呢？
Did you use no more then 8 items in your main navigation?
你的主导航条是不是没有超过8个分类呢？
Did you distinguish the active and nonactive page in the menu?
你在菜单里面能够辨别当前页面的和一般页面？
Did you use self explanatory link text instead of ‘click here’?
你是使用自我说明的链接文本替代了”点击这里”吗？
Did you use self explanatory link text instead of business terms?
你是使用自我说明的链接文本替代了”业务条款”呢？
Did you make a distinction between visited and non-visited links?
你的已访问链接和未访问链接是否区分明显呢？
Did you make a distinction between links and plain text?
你的链接和文本的样式是否明显的区分开了呢？
Did you add the TITLE attribute to all your links?
你的链接标签中是否包含了”TITLE”属性呢？
Did you use breadcrumbs if you have a large amount of pages?
你是否在包含了庞大数量的页面站点中，使用了面包屑型的结构帮助用户返回呢？
Did you include a search option if you have a large amount of pages?
你的网站有庞大的页面，你是否提供了一个搜索条给用户呢？
Did you make your logo link to your homepage?
你的Logo链接到了你的主页吗？
Did you make a skip to content link at the top of your pages?
你是否在你的页面顶部提供了一个跳转到内容的链接？
Did you make a skip to menu link at the top of your pages?
你是否在你的页面顶部提供了一个跳转到菜单的链接？
Did you make it possible to browse your website using SHIFT-TAB and RETURN?
你的页面能够通过”SHIFT-TAB”键遍历你的页面，并能够返回开始点吗？
Did you make sure you didn’t use any javascript links?
你确定你没有使用任何 Javascript 产生的链接吗？

Structure(布局结构)

Did you make a consistent page structure?
你是否生保持始终如一的页面结构？
Did you place your logo at the top left?
你是不是把Logo放到了你的页面顶部靠左呢？
Did you place an explanatory tag line next to your logo?
你是否在紧靠Logo的地方放置了一个自我说明的标记行。
Did you place your search box at the top right?
你是否把搜索条放置在页面的顶部居右？
Did you place important content above the fold/scroll?
你是否把重要的内容放到需要滚动条滚动后才能看到的地方？
Did you make your design on a grid system?
你的设计是否通过一个完整的表格系统来表达？
Did you make your design fluid using percentages?

Did you make your website also viewable on low resolutions?
你是否确定在低分辨率下你的网站也是可以正常观看的？
Did you make custom titles (as in TITLE tag) for all your pages?
你是否为你的所有页面使用了自定义的titles(如在title标签中),让每个页面都有独立的自我描述的Title标记？

Forms(表单)

Did you make sure that users don’t return to an altered form after an error?
Did you make a friendly and informative error page?
Did you make a friendly ‘thank you’ page with a confirmation email?
Did you add only a ’submit’ button and no ‘reset’ button?
Did you tell the user what to expect after clicking the submit button?
Did you split long forms up into multiply pages?
Did you gave the user room to type?
Did you place an asterisk when a field is compulsatory?
Did you keep the standard look of input fields that is generated by the browser?
Did you create a logical order of asking information?
Did you use double input fields for passwords only?
Did you let the computer, not the user, handle information formatting?
Did you make sure that users can fill in the entire form using the TAB key?
Did you explain to the user why you ask certain information?
Did you explain to the user what you are going to do with that information?
Did you use realtime validation using AJAX?
Did you use the LABEL tag?
Did you place the LABEL above the input field, instead of next to it?
Did you choose the correct input type for different data?
Did you make the top input field automatically active using setfocus?
Did you destinguish the active field from non-active fields using input:focus?
Did you use the FIELDSET and LEGEND entities when appropriate?
Did you check if your forms also work with Javascript turned off?

Multimedia

Did you make sure that essential information/navigation is not made in Flash?
Did you make sure that music and videoclips don’t start playing automatically?
Did you make sure that music and videoclips can be turned off at any time?
Did you inform the user about the size and length of your music and videoclips?

Extra features

Did you make a custom 404 page?
Did you make a site map?
Did you make a rss feed? (if you add content regularly)
Did you make a high contrast version of your website?
Did you make good looking URL’s (like this one)?
Did you make sure that there are no frames on your website?
Did you make sure that there are no pop ups on your website?
Did you make a contact form instead of just an email link?

Any suggestions?

Add number 88 by giving a comment on this post!

如果你是第一次来这儿，欢迎订阅 RSS feed。 第一时间看到更多精彩内容，谢谢你的访问!
原文地址:http://www.keephelp.com/ued-web/webdesign-usability-checklist/
转载请注明出处,非常感谢！