web可用性检查列表--你的网站做了么?
2006-12-28 12:46
281 查看
<script type="text/javascript"><!--
google_ad_client = "pub-1926348199765453";
/* 文章顶部 */
google_ad_slot = "0385006797";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
在如今现在这个垃圾网站当道的今天.细节决定一切..........
The ultimate webdesign usability checklist
Technical
Did you validate your (X)HTML using W3C Markup Validation Service?
Did you validate your CSS using W3C CSS Validation Service?
Did you check your website in at least IE, FF, Opera and Safari?
Images
Did you add the ALT and TITLE attributes to all your important images?
Did you add the LONGDESC attributes to all your image that need a description?
Did you write effective ALT text?
Did you make the size of your pages less then 50KB?
Did you choose the appropriate filetype for your images?
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?
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?
Did you make sure that there are no whole sentences in uppercase?
Did you use less then 78 characters, including spaces, per line?
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?
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.
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?
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?
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?
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?
Did you make sure you didn’t use any javascript links?
Structure
Did you make a consistent page structure?
Did you place your logo at the top left?
Did you place an explanatory tag line next to your 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?
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!
<script type="text/javascript"><!--
google_ad_client = "pub-1926348199765453";
/* 文章顶部 */
google_ad_slot = "0385006797";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
google_ad_client = "pub-1926348199765453";
/* 文章顶部 */
google_ad_slot = "0385006797";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
在如今现在这个垃圾网站当道的今天.细节决定一切..........
The ultimate webdesign usability checklist
Technical
Did you validate your (X)HTML using W3C Markup Validation Service?
Did you validate your CSS using W3C CSS Validation Service?
Did you check your website in at least IE, FF, Opera and Safari?
Images
Did you add the ALT and TITLE attributes to all your important images?
Did you add the LONGDESC attributes to all your image that need a description?
Did you write effective ALT text?
Did you make the size of your pages less then 50KB?
Did you choose the appropriate filetype for your images?
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?
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?
Did you make sure that there are no whole sentences in uppercase?
Did you use less then 78 characters, including spaces, per line?
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?
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.
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?
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?
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?
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?
Did you make sure you didn’t use any javascript links?
Structure
Did you make a consistent page structure?
Did you place your logo at the top left?
Did you place an explanatory tag line next to your 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?
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!
<script type="text/javascript"><!--
google_ad_client = "pub-1926348199765453";
/* 文章顶部 */
google_ad_slot = "0385006797";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
相关文章推荐
- 如何检查并堵住网站的eWebEditor漏洞
- Web开发检查列表
- C# 实现向浏览器的兼容性视图列表中添加、删除网站和检查网站是否在兼容性网站列表中
- Web Deploy 发布网站错误 检查授权和委派设置
- 您未被受权查看该页,您试图访问的Web服务器上有一个不被允许访问的网站IP地址列表
- 1200+ Web 2.0 Sites in 50+ categories [web 2.0网站的分类列表]
- Web Deploy发布网站错误 检查授权和委派设置
- 如何检查并堵住网站的eWebEditor漏洞
- 如何检查并堵住网站的eWebEditor漏洞
- Selenium + Webdriver 学习(六) 自动选择、检查下拉列表
- 利用python批量检查网站的可用性
- Selenium + Webdriver 学习(六) 自动选择、检查下拉列表。
- 网站安全检查列表
- 维护MOSS网站Web部件区域的建议Web部件列表内容
- C# 向web网站GET、POST 数据
- Web前端最得力的网站
- 12个免费在线的Web网站性能测试工具
- asp.net发布网站到服务器上时候出现“/web”应用程序中的服务器错误。访问 IIS 元数据库失败。 用于运行 ASP.NET 的进程帐户必须具有对 IIS 元数据库(如 IIS://servername/W3SVC)的读访问权。
- [转]C# 向web网站GET、POST 数据