30 Online Tools for website Validation, Cross Browser and Testing

March 18, 2011 · 14 comments

by Dustin Betonio

30 Online Tools for website Validation, Cross Browser and Testing

Validation is a process where we check out the data against a standard or requirement. And if we come across the website validation phenomena then it becomes very important to verify the quality and correctness of web page code. Before launching any new website we should not overlook the check and test process for a website that actually helps us to ensure that whether web pages working or not with great looks. Validating a website helps in many ways. From making it load right / the same in all browsers to helping you in the SEO area.

Testing is one thing also that you cannot afford to take lightly. The reason is that even a small error left unnoticed can prove to be fatal for your website and the user experience. Question is how to do this best? In this article I will be featuring highly useful online tools for website validation and testing to make your life easier.


ElegantThemes
ThemeForest

Advertisement

1. Checklink

checklinker

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.

2. URL checker

internetsupervision

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).

3. Mobile checker

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

4. Unicorn

unicorn

It is a part of W3C where a document should have passed the test.

5. CSS validator

Css validation

Enter the URL of the page you want to check. The validator will show you the existing errors in HTML with CSS or in CSS only, depending on your wish.

6. RSS Feed Validator

Feed Validation Service

This is a service to check the syntax of the Atoms or RSS feeds.

7. Accessibility with style

testing accesibility with style

HERA is a tool to check the accessibility of Web pages accoridng to the specification Web Content Accessibility Guidelines(WCAG 1.0). 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.

8. Color contrast

access keys

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. Assuring that you provide enough color contrast between foreground and background colors takes time and we hope that this tool will help web developers to build accessible websites by visually flagging the section(s) of a page with problematic color combinations.

9. WDG HTML Validator

wdg html generator

The WDG HTML validator checks through your web pages for errors so as to make them more accessible.

10. Dr. Watson’s site validation check

Dr.watson

Dr. Watson for Windows is a program error debugger that gathers information about your computer when an error (or user-mode fault) occurs with a program. Technical support groups can use the information that Dr. Watson obtains and logs to diagnose a program error.

11. Robots checker

Robots

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.

12. Firebug Firefox Extension

firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

13. Load Impact

load Impact

Load Impact is an online load testing service that lets you load- and stress test your website over the Internet. You can have several different test configurations and run the tests whenever you want. The test results are stored on the system for easy access at any time.

14. Accessibility-Checker

Ac Checker

This is an accessibility checker and it checks the conformance of the web pages according to the accessibility standards.

15. Viewlike

viewLike

A brand new site that 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!

16. Web Page Analyzer

websiteoptimization

Analyze the page size, download time , page speed and many other things of your website.

17. Browser shots

222

Browsershots makes screenshots 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.

18. FAE – Functional Accessibility Evaluator

fae

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.

19. Pingdom tools

pingdom tools

If you like Pingdom Tools you can include a banner on your website that lets all your visitors use it. You add it with just a few lines of HTML code. Pingdom offers cost-effective and reliable server, network and website monitoring. They use a global network of servers to monitor our customers’ sites 24/7, all year long.

20. WebAIM Wave

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.

21. Spoon Browser Sandbox

spoon

Spoon’s vision is to make the world’s apps available instantly on any desktop. Install Spoon Browser Plugin and get access of your web page information instantly.

22. Adobe PDF conversion

adobe

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.

23. WebSitePulse Test Tools

website pulse

WebSitePulse is a leading provider of advanced, independent and remote monitoring services that enable clients to increase the efficiency of their mission-critical e-business operations, and to reduce their risk of failed Internet transactions and loss of revenue. Cost-effective, easy-to-use Monitoring Services are available to meet every need and every budget.

24. NetRenderer

netrenderer

An online tool to show you the appearance of your website on IE 6/7/5.5

25. YSlow

yslow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it and JSLint.

26. WebXM

IBM

Use this Online Risk Management tool to check the accessibility, quality, privacy, security, brand and compliance issues across corporate web properties

27. Web Accessibility Inspector

test-toolbox

Web Accessibility Inspector examines the accessibility of a website and points out any important problem that affects mainly the elderly and visually disabled people. With the addition of the Chinese and Korean versions, the software will serve in many countries around the world.

28. Web page reports

web page results

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.

29. Colour Contrast Analyser

color contrats

Use W3C Colour Contrast algorithm and check the contrast between colors.

30. ColorDoctor

color doctor

A color simulating software that displays content according to the color characteristics.

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 11 comments… read them below or add one }

Scott Grodberg January 28, 2013 at 6:20 pm

Nice roundup. I especially like the recursion of WDG. It was a huge inspiration to me in creating html.validator.pro. If you’re still down with validation, check it out. It even does (machine) translations of validator messages.

Scott

Reply

michel April 2, 2012 at 4:43 pm

Superb article. Thanks Brother

Reply

David May 19, 2011 at 11:36 pm

you’re missing the best one for testing internet explorer IE Tester It lets you test your site in real time not screen shots.

Reply

lvraa May 20, 2011 at 1:55 pm

Thanks for the tip David

Reply

Elaine Jones May 19, 2011 at 6:20 pm

Great selection of tools. Thank you for sharing

Reply

chandrashekae reddy April 29, 2011 at 2:45 pm

great collection . thanks for the information.

Reply

Carlson Orozco April 7, 2011 at 3:22 pm

Thank you so much for sharing this.

Reply

David March 18, 2011 at 5:08 pm

excellent line up, i just found out about netrender the other day and it is truly an awesome site, I wish that you could actually test the site but just getting a screenshot can uncover and avoid potentially disastrous situations. I noticed alot of web designers avoid or disregard support for ie6 which I think is foolish, since you could be missing potential dollars.

Reply

Milan Kryl March 17, 2011 at 2:39 pm

I’m afraid tip #27. webagogo it’s out of order. It’s parked domain without any content. According this post ( http://daniiswara.net/2008/06/say-goodbye-to-webagogo/ ) from June 24, 2008 it was canceled.

Reply

Lars March 17, 2011 at 4:20 pm

Thanks Milan I have fixed the article.

Reply

Designer Renji March 17, 2011 at 9:38 am

Thanks…Useful Info……………..

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

{ 3 trackbacks }

Previous post:

Next post:


Web Analytics