A online requirements checklist
The term web specifications might signify different items to different people. For some, it can be 'table-free sites', for other people it truly is 'using good code'. However, world wide web models are usually much broader as compared to that. A site made to be able to web criteria should stick to models (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and also go after ideal routines (valid code, offered code, semantically right code, user-friendly URLs etc).
In other words, a website built to online standards should if at all possible possibly be lean, clean, CSS-based, accessible, usable plus google search friendly.
About that checklist
This is not really a great uber-checklist. There are usually a lot of things that might be added. More importantly, that should not always be seen as a directory items that have to always be hammered out on just about every web site that you develop. It is definitely just a guideline that will be used:
* showing your breadth regarding internet standards * being a handy instrument regarding builders through the generation stage of websites * as a possible guide for designers who are considering moving in direction of internet standards
The checklist
1.Quality regarding code 1. Does as well as try a suitable Doctype? 2. Does as well as apply a Character set? 3. Does the positioning apply Valid (X)HTML? 4. Does your website work with Valid CSS? 5. Does that site utilize any CSS hacks? 6. Does the website use needless instruction as well as ids? 7. Is the actual signal well structured? 8. Does the website have almost any shattered links? 9. How does coursesmart accomplish with regard to speed/page size? 10. Does the website have JavaScript errors?
2. Degree with splitting up between articles and also presentation 1. Does the positioning make use of CSS for all those display factors (fonts, colour, padding, borders etc)? 2. Are most decorative images within the CSS, or maybe do some people glimpse within the (X)HTML?
3. Accessibility for users 1. Are "alt" features applied for all those descriptive images? 2. Does the web-site use comparable gadgets as opposed to absolute items for text size? 3. Do just about any tasks of the particular array crack in the event font dimension is actually increased? 4. Does the positioning apply noticeable drop menus? 5. Does your website use accessible forms? 6. Does your site use attainable tables? 7. Is there enough colour brightness/contrasts? 8. Is colouring alone utilized for crucial information? 9. Is there past due responsiveness for dropdown menus (for clients using lowered continuous-duty motor skills)? 10. Are most of backlinks descriptive (for window blind users)?
4. Accessibility pertaining to devices 1. Does the website work acceptably across present day as well as older browsers? 2. Is this subject material attainable using CSS changed off of or not supported? 3. Is your articles attainable using images changed away from or even not necessarily supported? 4. Does the particular site work throughout wording surfers these as Lynx? 5. Does the website work effectively when printed? 6. Does as well as work efficiently in Hand Held devices? 7. Does the actual website comprise comprehensive metadata? 8. Does the positioning work inside a selection associated with cell phone windows sizes?
5. Basic Usability 1. Is now there a particular image hierarchy? 2. Are going levels uncomplicated to be able to distinguish? 3. Does the positioning have straightforward navigation? 4. Does the site apply consistent navigation? 5. Are hyperlinks underlined? 6. Does the website utilize steady in addition to correct language? 7. Do you have a sitemap article in addition to get in touch with page? Are they quick in order to find? 8. For large sites, perhaps there is they're certified tool? 9. Is at this time there a connect to the actual site on just about every site from the site? 10. Are went to back links appears defined which includes a unique colour?
6. Site management 1. Does the actual site have a meaningful along with beneficial 404 fault web site that works out of just about any level while in the site? 2. Does your website utilize helpful URLs? 3. Do your URLs do the job without "www"? 4. Does your website have a favicon?
1. Quality regarding code
1.1 Does the positioning make use of a correct Doctype? A doctype (short for 'document style declaration') updates the validator which often variation connected with (X)HTML you might be using, plus should look for the pretty top of every web page. Doctypes really are a key part of compliant web pages: your markup and also CSS will not likely validate not having them. CODE/articles/doctype/
More: CODE/QA/2002/04/valid-dtd-list.html
CODE/listamatic/about-boxmodel.htm
CODE/matthias/articles/doctypeswitch.html
1.2 Does your website use a Character set? If your user broker (eg. a browser) is struggle to identify the particular persona encoding utilized in your Web document, the user might be shown with unreadable text. This facts is definitely in particular necessary for the people sustaining and also extending a multilingual site, although expressing your persona encoding on the insurance policy is significant capability to deliver providing XHTML/HTML or perhaps CSS. CODE/International/tutorials/tutorial-char-enc/
More: CODE/International/O-charset.html
1.3 Does your website apply Valid (X)HTML? Valid computer code will render quicker in comparison with computer code with errors. Valid value will render much better than unacceptable code. Browsers have become more requirements compliant, which is becoming progressively essential to create in force plus requirements compliant HTML. CODE/presentation/sit2003/06.htm
More: CODE/
1.4 Does your website use Valid CSS? You desire to make convinced that there usually are not every blunders around both your HTML or even your CSS, given that slips in often spot can result in botched document appearance. CODE/eric/articles/webrev/199904.html
More: CODE/css-validator/
1.5 Does as well as utilize virtually any CSS hacks? Basically, hackers dropped for you to personal choice, as much awareness you could have with workarounds, the particular style and design you might be looking to achieve. CODE//msg05823.html
More: CODE/?page=CssHack
CODE/?page=ToHackOrNotToHack
CODE/ref/css/filters/
1.6 Does the website employ unneeded tuition as well as ids? I've noticed that programmers learning brand-new ability normally end up having good CSS nonetheless poor XHTML. Specifically, this HTML program code is frequently filled with unwanted divs and also ids. This ends in relatively meaningless HTML as well as bloated form sheets. CODE/blog/228/
1.7 Is that computer code good structured? Semantically correct markup uses html page elements therefore to their presented purpose. Well organised HTML has semantic this means for the wide range associated with user brokers (browsers without design sheets, copy browsers, PDAs, serps etc.) CODE/presentation/benefits/index04.htm
More: CODE/2003/12/semantic-extractor.html
1.8 Does coursesmart have got any kind of damaged links? Broken hyperlinks can annoy end users plus potentially drive clients away. Broken inbound links can in addition keep engines like google through correctly indexing ones site.
More: CODE/checklink
1.9 How really does coursesmart carry out when it comes to speed/page size? Don't generate me personally wait... That's that message people offer us all in review after survey. Even internet connection customers can endure the slow-loading blues. CODE/speed/
1.10 Does the site have JavaScript errors? Internet Explore regarding Windows permits you that will first start a debugger that can pop up a brand new eyeport in addition to show you you will discover javascript errors on a person's site. This can be bought under 'Internet Options' around the Advanced tab. Uncheck 'Disable script debugging'.
2. Degree of divorce between subject material plus presentation
2.1 Does the website apply CSS for everyone presentation features (fonts, colour, padding, edge etc)? Use style bedding to manage design and presentation. CODE/TR/WCAG10/wai-pageauth.html#tech-style-sheets
2.2 Are most of decorative images inside CSS, as well as perform these people appear from the (X)HTML? The strive for web developers is to clear away most of presentation out of the particular html code, making the idea sparkling as well as semantically correct. CODE/presentation/benefits/index07.htm
3. Accessibility for users
3.1 Are "alt" features employed for everyone descriptive images? Provide your text message same in principle for every non-text element CODE/TR/WCAG10/wai-pageauth.html#tech-text-equivalent
3.2 Does as well as make use of distant relative products instead of complete units intended for text size? Use distant relative as an alternative to absolute items around markup language attribute valuations in addition to form linen house values'. CODE/TR/WCAG10/wai-pageauth.html#tech-relative-units
More: CODE/TR/WCAG10/wai-pageauth.html#tech-relative-units
CODE/blog/348/
3.3 Do every aspects of the array break in the event that font size is usually increased? Try this very simple test. Look during your internet site from a web browser of which sustains effortless incrementation connected with font size. Now maximize your browser's font size. And again. And again... Look with your site. Does this article format nevertheless maintain together? It is usually dangerous regarding designers to presume that will anyone browses applying default font sizes. 3.4 Does as well as apply apparent miss menus?
A system will likely to be furnished of which allows end users to be able to skip recurring navigation links. CODE/index.cfm?FuseAction=Content&ID=12
Group linked links, determine your group (for customer agents), and, until customer agents perform so, provide a route to bypass your group. CODE/TR/WCAG10-TECHS/#tech-group-links
...blind guests usually are not the only kinds inconvenienced simply by a great number of buttons with your direction-finding area. Recall that a mobility-impaired person with weak adaptive engineering might be caught tabbing through which morass. CODE/book/sashay/serialization/Chapter08.html#h4-2020
More: CODE/websmith/508/o.htm
3.5 Does the web-site use attainable forms? Forms usually are not possess a preferred involving what you should make use of if you are with disabilities. Navigating all around a internet page by using prepared written content can be just one thing, hopping between sort fields and punching in information is definitely another. CODE/guides/htmladvanced/forms/
More: CODE/learn/tutorials/accessible-forms/01-accessible-forms.html
CODE/tools-and-wizards/accessible-form-builder.asp
CODE/tutorials/better-accessible-forms.asp
3.6 Does as well as use obtainable tables? For data tables, identify strip and column headers... For facts platforms which have several rational levels of strip or maybe column headers, make use of markup in order to relate facts cells in addition to header cells. CODE/TR/WCAG10/wai-pageauth.html#tech-table-headers
More: CODE/webpublishing/ada/resources/tables.asp
CODE/tools-and-wizards/accessible-table-builder_step1.asp
CODE/techniques/tables/
3.7 Is presently there ample coloring brightness/contrasts? Ensure of which foreground and history coloring combinations supply ample set off when looked at by means of someone having colour deficits. CODE/TR/WCAG10/wai-pageauth.html#tech-colour-contrast
More: CODE/services/colourcontrast.asp
3.8 Is colour alone applied for critical information? Ensure that data presented together with colouring is also available devoid of colour, for instance through context or maybe markup. CODE/TR/WCAG10/wai-pageauth.html#tech-colour-convey
There usually are fundamentally three different types of coloring deficiency; Deuteranope (a type of red/green color deficit), Protanope (another form of red/green coloration deficit) and Tritanope (a blue/yellow deficit- pretty rare).
More: CODE/
CODE/colourblind/Ishihara.html
CODE/vischeck/vischeckURL.php
3.9 Is right now there postponed responsiveness intended for dropdown menus? Users using minimized motor ability may locate dropdown menus very difficult make use of if responsiveness is focused as well fast.
3.10 Are just about all inbound links descriptive? Link copy needs to be meaningful more than enough to make good sense as soon as read away from context - either by itself as well as as part of some sort of sequence connected with links. Link text message might also want to be terse. CODE/TR/WCAG10/wai-pageauth.html#tech-meaningful-links
4. Accessibility to get devices.
4.1 Does the website work acceptably around current as well as mature browsers?
Before starting up to develop a new CSS-based layout, make sure you come to a decision which will browsers to aid so to just what amount you intend to assist them. CODE/presentation/process/index_step01.cfm
4.2 Is the actual content material offered with CSS switched off or even not really supported? Some folks may possibly check out your site together with either a cell phone this does not support CSS or a cell phone using CSS switched off. In subject matter is usually a specific set of well, this would certainly not become a strong issue.
4.3 Is the actual content attainable along with images switched away from as well as certainly not supported? Some folks look at websites along with images changed off - in particular people today with pretty gradual connections. Content must nevertheless be attainable pertaining to these kind of people.
4.4 Does as well as function with text browsers this sort of because Lynx? This is compared to with the multitude of graphics along with CSS switched off. A text-based internet browser will rely on well organized written content to supply meaning.
More: CODE/web/lynxview
4.5 Does your website work well while printed? You usually takes any (X)HTML insurance policy along with just fashion them pertaining to print, without having to touch that markup. CODE/articles/goingtoprint/
More: CODE/itss/support/Training/Online/webdesign/css.html#print
4.6 Does this site work efficiently around Hand Held devices? This is often a challenging one to package with right until portable systems constantly support their right advertising type. However, several layouts function greater within current hand-held devices. The relevance involving assisting hand held gadgets is determined by focus on audiences.
4.7 Does as well as incorporate precise metadata? Metadata is definitely equipment clear facts to the web CODE/Metadata/
Metadata will be organised data that is certainly produced specially to illustrate yet another resource. In additional words, metadata is definitely 'data about data'.
4.8 Does the positioning are very effective in the range of cell phone browser eyeport sizes? It is a typical presumption amongst developers that ordinary display styles are generally increasing. Some developers presume that the ordinary monitor dimensions is actually currently 1024px wide. But why don't you consider consumers along with smaller sized privacy screens plus people using handheld devices? Are these people portion of your own aim for target audience and also is he getting disadvantaged?
5. Basic Usability 5.1 Is generally there a particular video or graphic hierarchy? Organise in addition to prioritise your details of the web site by employing size, dominance and also content relationships. CODE/web-site-design/165.html
5.2 Are steering amounts simple to distinguish? Use header features to convey document construction as well as work with all of them in accordance with specification. CODE/TR/WCAG10/wai-pageauth.html#tech-logical-headings
5.3 Is the site's direction-finding quick that will understand? Your course-plotting process ought to give a person's visitor some sort of concept in respect of what internet page in the web site they're just presently about and wherever they are able to proceed next. CODE/design_nav.htm
5.4 Is the website's navigation consistent? If each article on your site is known for a steady design involving presentation, prospects will find the item less complicated to help find the way among web sites along with find information CODE/tutorial/accessibility/navigation.asp
5.5 Does the website work with reliable plus right language? The by using distinct along with uncomplicated language encourages effective communication. Trying in to the future all over when state might be when difficult for you to read when poorly written grammar, especially if this terms utilized seriously isn't this visitor's principal language. CODE/tutorial/accessibility/clear.asp
5.6 Does as well as have a very sitemap page and also contact page? Are that they straightforward that will find? Most internet site road directions flunk that will communicate multiple quantities of the particular home's tips architecture. In usability tests, users normally disregard site maps as well as can't locate them. Complexity is usually a problem: a road should be a map, not only a navigational challenge of their own. CODE/alertbox/20020106.html
5.7 For large sites, is usually right now there research online tool? While look for methods will not be desired on scaled-down sites, and some men and women cannot at any time apply them, site-specific search resources allow consumers a range of navigation options.
5.8 Is at this time there a new url to the website on each and every web page while in the site? Some clients prefer to get back on a new home's internet site immediately after navigating to help content material in just a site. The internet site turns into your base get away for most of these users, making it possible for these people to help regroup just before checking out new content.
5.9 Are links underlined? To maximise your recognized affordance involving clickability, coloration plus underline the particular link text. Users shouldn't have to speculate or even wash the page to find out where they could click. CODE/alertbox/20040510.html
5.10 Are visited backlinks sort defined? Most important, figuring out which usually webpages they've already stopped at frees customers coming from unintentionally revisiting similar pages again and again again. CODE/alertbox/20040503.html
6. Site management
6.1 Does your website have got a meaningful and helpful 404 mistake site which works from almost any depth from the site? You've requested a page - often by typing directly into a new URL straight into the target bar or even hitting about a great out-of-date hyperlink plus you've observed on your own in the centre of the internet nowhere. A user-friendly webpage provide you with some sort of facilitating fretting hand while quite a few others will certainly simply do nothing, depending on the actual browser's built-in flexibility that will clarify what the problem is. CODE/articles/perfect404/
6.2 Does coursesmart use friendly URLs? Most search engines (with some conditions - that is Google) is not going to index chart any webpages that contain your dilemma recognise or even some other persona (like a strong ampersand or equals sign) within your URL... exactly what fine is often a site when no-one can uncover it? CODE/article/search-engine-friendly-urls
One with the toughest elements in the world wide web at a program standpoint will be the URL. However, whenever they may be short, logical, and also self-correcting, URLs might be acceptably usable CODE/theory/20010305.html
More: CODE/article/search-engine-friendly-urls
CODE/article/32
CODE/theory/20010305.html
6.3 Does the actual web-site's URL work devoid of "www"? While this is simply not critical, along with in some instances is not possibly possible, it is usually good to present men and women the choice involving equally options. If your end user types your sector title minus the world wide web and makes no site, this could disadvantage both the individual in addition to you. 6.4 Does coursesmart have a favicon?
A Favicon may be a multi-resolution picture listed with the majority of professionally designed sites. The Favicon allows the actual designer to help promote their site, in order to develop a far more customized appearance within a visitor's browser. CODE/
Favicons tend to be not at all critical. However, whenever they will not be present, they will cause 404 errors in your wood logs (site statistics). Browsers such as IE will request these folks from the equipment whenever a site is usually bookmarked. If a favicon just isn't available, a 404 problem may become generated. Therefore, having a favicon could cut down on favicon specific 404 errors. The identical is true of your 'robots.txt' file.
iAutoblog the premier autoblogger software
No comments:
Post a Comment