20+ Online Tools for Website Validation and Testing
Siva Kumar
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:
- Syntax and style analysis – Yes
- 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 :
- Page load time check – Yes
- Syntax and style analysis – Yes
- Word counts – Yes
- Spelling checks – Yes
- Link checking – Yes
- Search Engine Optimization check – Yes
- Incoming links check – Yes
- 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
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
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.
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
WebsiteTesting
Posted 58 days ago 22browsershots looks like no longer maintained.. anyway: Thanks for great app index!
Joshna
Posted 71 days ago 21That was a good info . Thanks for that
Ravi Kiran
Posted 79 days ago 20Thanks Shiva. Thanks for sharing with us.
perfecto
Posted 84 days ago 18Great 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
Rean John Uehara
Posted 84 days ago 19I think http://browsershots.org/ is what you are looking for. :)
Mark
Posted 101 days ago 17Great list
Daniel
Posted 302 days ago 16Great collection of site tools you have here. I will apply them to my wordpress blog this weekend.
Thanks!
Mikaël
Posted 359 days ago 15Thanks a lot. If you want to try mine, just follow the rabbit …..
tworzenie stron flash kurs
Posted 366 days ago 14Thanks so much for this information … I’m already doing some of these suggestions but there are many others that are new to me.
Elaine Jones
Posted 371 days ago 13Thanks for the article, great selection of tools.
thecodezombie
Posted 623 days ago 12Apologies 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.
Jordan Walker
Posted 696 days ago 11Syntax is important for cross browser compatibility.
Dan M Good
Posted 697 days ago 10I used brokenlinkcheck.com and liked it – you don’t get needles info in the report but it never misses a single broken link.
daniel
Posted 698 days ago 9viewlike is an excellent tool that i didnt know about til now. thanks for the great and informative post
Jay Philips
Posted 699 days ago 8Nice list. I really like Browsershots, very helpful for cross browser testing.
If you are looking for a lot more tools that are open source check out my blog. http://wfapm.com/bK7D2k I have a list of tools for performance tetsing, defect tracking and much more.
Daniel
Posted 699 days ago 7Excellent blog, Keep posting like this.
element321
Posted 699 days ago 6Thanks 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.
Fill
Posted 699 days ago 5You know, nowadays sometimes it’s easier and faster to download the file you need from internet than search it on pc XD But that’s a good piece of soft anyway, thanks for the share. By tha way if you need to search pds in internet you can use http://www.usemeplz.com search engine, that one is my favorite.
Siva
Posted 700 days ago 4Most of them are popular although i will add some of sites to my list :)
Logo Bliss
Posted 700 days ago 3wow what a collection, viewlike.us is a nice all rounder imo.
Matthew Fedak
Posted 700 days ago 2Some 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.
Rakesh Kumar
Posted 700 days ago 1Thanks a lot …………. awesome collection … :-)