Theultimatewebdesignusabilitychecklist_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
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!
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!
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
猜你也喜歡看這些
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- IE中圖片下方的空隙怎么解決?
- 關(guān)于DIVCSS浮動(dòng)float的兼容
- CSS hack瀏覽器兼容一覽表
- CSS實(shí)例:list-style-type在IE與FF中奇怪的現(xiàn)象解析
- CSS的BUG:IE6中一個(gè)奇怪的現(xiàn)象!
- IE與FF瀏覽器CSS兼容技巧
- DIVCSS實(shí)例教程:去除鏈接元素的虛線框(兼容IE7、IE6、FF)
- overflow與text-indent:-9999px 字體隱藏及input value偏移
- CSS hack之特殊符號(hào)的應(yīng)用
- 相關(guān)鏈接:
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-Theultimatewebdesignusabilitychecklist
。