20+ Online Tools for Website Validation and Testing

Posted in Freebies • Posted on 16 Comments

As you probably know already, it’s important to check and test your Website to help ensure that it looks great and works beautifully regardless of the browser or platform used. Testing a website before launch is one thing that you cannot afford to take lightly.  Just like a minor negligence while constructing a building can cost life of millions of residents , the same way a small error left unnoticed can prove to be fatal for your website.

Therefore, this implies that we must run our website through all necessary tests. This includes CSS Errors, HTML Errors, Cross browsing Errors, WAP Errors (if your site is WAP enabled) and various other tests.Below is the list of Online Tools for Website Validation and Testing. So make it sure that you go through this post and run all the necessary tests on your website before making it live.

Validation tools

1.W3C markup validation service

This validator checks the markup validity  of Web documents in HTML, XHTML, SMIL, MathML, etc. This is an exclusive standards check for the document, so other checks are not available.

Checks done on:

  1. Syntax and style analysis – Yes
  2. Source code – Yes

2.CSS validator

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.The important thing is if you want to validate your CSS style sheet embedded in an (X)HTML document, you should first check that the (X)HTML you use is valid.

3.Checklink

Check links and anchors in Web pages or full Web sites.This Link Checker looks for issues in links, anchors and referenced objects in a Web page, CSS style sheet, or recursively on a whole Web site. For best results, it is recommended to first ensure that the documents checked use Valid (X)HTML Markup and CSS.

4.Feed

This is the W3C Feed Validation Service, a free service that checks the syntax of Atom or RSS feeds.You can validate by URL or Validate by direct input.

5.Mobile checker

This checker performs various tests on a Web Page to determine its level of mobile-friendliness. The tests are defined in the mobileOK Basic Tests 1.0 specification. A Web Page is mobileOK when it passes all the tests. And find Is your Web site mobile-friendly?

6.Unicorn

Checks your site for all the general standards and see if there are rooms to improvement. It checks for the XHTML and CSS compatibility.

7.HTML Validator

The WDG HTML Validator is similar in many ways to the W3C HTML Validation Service. Most of the previous differences between the two validators have disappeared with recent development of the W3C validator. The errors reported are the same in virtually all cases.

8.Dr. Watson’s site validation check

Dr. Watson is a free service to analyze your web page on the Internet. Just give the URL of your page and Watson will get a copy of it directly from the web server. Watson can also check out many other aspects of your site, including link validity, download speed, search engine compatibility, and link popularity. It rolls many features into one, so if you are looking for a single stop for checks, this one is the place to be.

List of checks :

  1. Page load time check – Yes
  2. Syntax and style analysis – Yes
  3. Word counts – Yes
  4. Spelling checks – Yes
  5. Link checking – Yes
  6. Search Engine Optimization check – Yes
  7. Incoming links check – Yes
  8. Source code – Yes

9.XML well checker and validator

Use this form to check an XML document for well-formetness and (optionally) validity. External entity references are included, even when not validating.It checks for spaces and syntax errors, while pointing to the line number at which the error was spotted.

10.Robots checker

This tool checks if your Robots.txt file is valid. Thought it may show some exclusions you’ve done as errors, they are good pointers to check if the commands will be misinterpreted or not. Good one and it is simple,powerful and accurate one.

11.URL checker

While it’s important to know if your website is running and your host is providing a good service, it’s even more important to be proactive about getting it back online fast so you don’t lose search engine position, miss out on possible revenue or blow.InternetSupervision™ is a service that monitors the availability of HTML, FTP, SMTP, POP3 email servers), supervises the performance of website and e-commerce transactions (including website forms) and provides website content supervision (cyber-attack monitoring).

11.1.Web page reports

There are various online services offering automated web page checks. pinkjuice.com/check is just a simple tool generating links to the report pages of some of those services, including emulators, validators, and accessibility checkers.And it’s handy to have a list of all the results pages, for example when sending a status report to a client about a website that’s being worked on.

Accessibility and evaluation tools

12.Webaccessibility checker

This tool checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone. See the Handbook link to the upper right for more about the Web Accessibility Checker.

13.Color contrast

AccessColor tests the color contrast and color brightness between the foreground and background of all elements in the DOM to make sure that the contrast is high enough for people with visual impairments. AccessColor will find the relevant color combination within your HTML and CSS documents rather than requiring you to find each value to input yourself in order to test the contrast between each color combination.

14.Web accessibily evaluation tool-WAVE

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.

15.FAE – Functional Accessibility Evaluator

Use this tool to evaluate the functional accessibility of a single web page. It evaluate multiple pages via web crawling,Generate a Sitewide Report that identifies problem pages,Save reports in an account-specific Archived Reports list.

16.Accessibility with style

HERA is a tool to check the accessibility of Web pages according to the specification Web Content Accessibility Guidelines. HERA performs a preliminary set of tests on the page and identifies any automatically detectable errors or checkpoints met, and which checkpoints need further manual verification.

17.Section 508

The Section 508 checking tool automatically compares your HTML code against Section 508 checklist and shows your results quickly.  Results are simple to understand too.

18.Adobe PDF conversion

This conversion service will convert to text Adobe PDF files that are in English.By submitting content through these tools, you understand and agree that Adobe may occasionally access the content you submit for purposes of quality control and administration of the conversion service.

Website performance checkers

19.Pingdom tools

The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser.The load time of all objects is shown visually with time bars.

20.Webpage analyzer

Free web site speed test to improve website performance.The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time

Cross Browser Testing

21.Browser shots

Browsershots makes screen shots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website’s browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to our central dedicated servers for your review.

22.IE net renderer

IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5, as seen from a high-speed data center located in Germany.

23.Viewlike

viewlike allows you to check out how your website looks in the most popular resolution formats. It’s all powered by Ajax & PHP so no need to download anything! To Get started just type your URL in the box above. Free to use!

Which tools do you use for your website? Feel free to share them with us via comments.

26 Written ArticlesWebsite

Photography and design lover i like these two essential things more than my job(Web developer). So only i have launched Pokkisam and a Photography,design inspiration blog too Photography and design inspiration blog Follow me in twitter to get interesting things in photography and design >>pokkisam

16 Comments Best Comments First
  • Matthew Fedak

    Thursday, June 24th, 2010 11:43

    2

    Some great web developer tools left out in this post are html tidy plugin for firefox and web developer tool for firefox, checking for web standards and browser compatibility is good but these need to be done throughout the web development process. I believe html tidy and web developer toolbar which both have validation alogrithms built in use W3 validator api in someway anyhow.

    +3
  • Siva

    Thursday, June 24th, 2010 16:37

    3

    Most of them are popular although i will add some of sites to my list :)

    +2
  • daniel

    Friday, June 25th, 2010 20:49

    7

    viewlike is an excellent tool that i didnt know about til now. thanks for the great and informative post

    +1
  • Jay Philips

    Friday, June 25th, 2010 17:16

    6

    Nice list. I really like Browsershots, very helpful for cross browser testing.

    +1
  • Daniel

    Friday, June 25th, 2010 15:56

    5

    Excellent blog, Keep posting like this.

    0
  • Rakesh Kumar

    Thursday, June 24th, 2010 07:13

    1

    Thanks a lot …………. awesome collection … :-)

    0
  • JC Johnston

    Thursday, June 24th, 2010 23:40

    4

    Thanks for sharing. I am always look for more dev tools like these. I have heard of and used some of these. I will be bookmarking this list for future use.

    0
  • Dan M Good

    Saturday, June 26th, 2010 19:56

    8

    I used brokenlinkcheck.com and liked it – you don’t get needles info in the report but it never misses a single broken link.

    0
  • Jordan Walker

    Monday, June 28th, 2010 15:01

    9

    Syntax is important for cross browser compatibility.

    0
  • perfecto

    Thursday, March 1st, 2012 10:07

    15

    Great evaluation. Thank you for this.

    May I ask if there are cross browser tool that fits my below needs:
    1. Can take screenshots of secure application page(e.g. page that required logins yahoomail.com for example) at once.
    2. Live testing: By entering the URL once it will run for multiple browsers.
    3. Live testing: By entering the URL once and loggin in at 1 user only it will run for multiple browsers.

    Thank you in advance!

    -Perfecto

    0
  • Ravi Kiran

    Monday, March 5th, 2012 20:00

    16

    Thanks Shiva. Thanks for sharing with us.

    0
  • Daniel

    Tuesday, July 26th, 2011 21:37

    13

    Great collection of site tools you have here. I will apply them to my wordpress blog this weekend.

    Thanks!

    0
  • Jason

    Thursday, September 9th, 2010 17:00

    10

    Apologies if this rains on this parade but:
    ‘Pingdom’ can be made redundant with ‘Firebug’ (Firefox add-on) – Net tab.
    ‘IE Renderer’ can be made redundant by ‘IETester’.
    ‘Webpage Analyzer’can be made redundant by ‘YSlow’ (Firefox add-on).
    ‘HTML Validators’ can be made redunant by the ‘W3C Validator’ that’s built into ‘Web Developer’ (Firefox add-on)…’HTML tidy’ (Firefox add-on) can be helpful too (as Matthew Fedak mentioned).
    If you’re using WordPress, then the ‘Broken Link Checker’ (WP Plug-in) makes ‘CheckLink’ redundant.

    I only say redundant because – as you can see – my suggestions are merely Firefox add-ons; tools you can access without leaving your development environment.

    0
  • Elaine Jones

    Thursday, May 19th, 2011 17:49

    11

    Thanks for the article, great selection of tools.

    0
  • Mikaël

    Tuesday, May 31st, 2011 15:31

    12

    Thanks a lot. If you want to try mine, just follow the rabbit …..

    0
  • Ravi Kiran

    Monday, March 5th, 2012 20:00

    16

    Thanks Shiva. Thanks for sharing with us.

    0
  • perfecto

    Thursday, March 1st, 2012 10:07

    15

    Great evaluation. Thank you for this.

    May I ask if there are cross browser tool that fits my below needs:
    1. Can take screenshots of secure application page(e.g. page that required logins yahoomail.com for example) at once.
    2. Live testing: By entering the URL once it will run for multiple browsers.
    3. Live testing: By entering the URL once and loggin in at 1 user only it will run for multiple browsers.

    Thank you in advance!

    -Perfecto

    0
  • Daniel

    Tuesday, July 26th, 2011 21:37

    13

    Great collection of site tools you have here. I will apply them to my wordpress blog this weekend.

    Thanks!

    0
  • Mikaël

    Tuesday, May 31st, 2011 15:31

    12

    Thanks a lot. If you want to try mine, just follow the rabbit …..

    0
  • Elaine Jones

    Thursday, May 19th, 2011 17:49

    11

    Thanks for the article, great selection of tools.

    0
  • Jason

    Thursday, September 9th, 2010 17:00

    10

    Apologies if this rains on this parade but:
    ‘Pingdom’ can be made redundant with ‘Firebug’ (Firefox add-on) – Net tab.
    ‘IE Renderer’ can be made redundant by ‘IETester’.
    ‘Webpage Analyzer’can be made redundant by ‘YSlow’ (Firefox add-on).
    ‘HTML Validators’ can be made redunant by the ‘W3C Validator’ that’s built into ‘Web Developer’ (Firefox add-on)…’HTML tidy’ (Firefox add-on) can be helpful too (as Matthew Fedak mentioned).
    If you’re using WordPress, then the ‘Broken Link Checker’ (WP Plug-in) makes ‘CheckLink’ redundant.

    I only say redundant because – as you can see – my suggestions are merely Firefox add-ons; tools you can access without leaving your development environment.

    0
  • Jordan Walker

    Monday, June 28th, 2010 15:01

    9

    Syntax is important for cross browser compatibility.

    0
  • Dan M Good

    Saturday, June 26th, 2010 19:56

    8

    I used brokenlinkcheck.com and liked it – you don’t get needles info in the report but it never misses a single broken link.

    0
  • daniel

    Friday, June 25th, 2010 20:49

    7

    viewlike is an excellent tool that i didnt know about til now. thanks for the great and informative post

    +1
  • Jay Philips

    Friday, June 25th, 2010 17:16

    6

    Nice list. I really like Browsershots, very helpful for cross browser testing.

    +1
  • Daniel

    Friday, June 25th, 2010 15:56

    5

    Excellent blog, Keep posting like this.

    0
  • JC Johnston

    Thursday, June 24th, 2010 23:40

    4

    Thanks for sharing. I am always look for more dev tools like these. I have heard of and used some of these. I will be bookmarking this list for future use.

    0
  • Siva

    Thursday, June 24th, 2010 16:37

    3

    Most of them are popular although i will add some of sites to my list :)

    +2
  • Matthew Fedak

    Thursday, June 24th, 2010 11:43

    2

    Some great web developer tools left out in this post are html tidy plugin for firefox and web developer tool for firefox, checking for web standards and browser compatibility is good but these need to be done throughout the web development process. I believe html tidy and web developer toolbar which both have validation alogrithms built in use W3 validator api in someway anyhow.

    +3
  • Rakesh Kumar

    Thursday, June 24th, 2010 07:13

    1

    Thanks a lot …………. awesome collection … :-)

    0

Comments are closed.

54.161.191.254 - unknown - unknown - US