Besides the quality of contents... web compatibility, web accessibility, and web usability are critical components in web or blog development today .
I think, these elements as a part of web interface which should be complementary to each other collectively.
In this case, the developers or web designers must be able to innovate in improving the user experience (UX).
In this post, I've compiled some resources related to the Web compatibility, accessibility, dan usability. I hope this useful reference for your needs. Please enjoy! :)
I think, these elements as a part of web interface which should be complementary to each other collectively.
In this case, the developers or web designers must be able to innovate in improving the user experience (UX).
In this post, I've compiled some resources related to the Web compatibility, accessibility, dan usability. I hope this useful reference for your needs. Please enjoy! :)
Free Cross-Browser Compatibility Testing Tools
- Browsershots : Browsershots is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. Browsershots makes screenshots of your web design in different operating systems and browsers.
- IETester : IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE10 preview, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.
- IE NetRenderer : IE NetRenderer allows you to check how a website is rendered by Internet Explorer 9, 8, 7, 6 or 5.5.
- Lunascape : Lunascape is a fast and fully customizable all-in-one browser.
Free Trial - Paid Cross-Browser Testing Tools
- Adobe BrowserLab : Adobe BrowserLab allows you to easily conduct browser compatibility testing and preview web pages across popular browsers and operating systems. Integrated With Dreamweaver CS5.
- CrossBrowserTesting : Cross browser compatibility testing across browsers and operating systems. Automated screenshots and Live browser testing of ajax, css & javascript.
- Expression Web SuperPreview : Expression Web SuperPreview simplifies the process of testing and debugging layout issues across different web browsers and platforms. Expression Web SuperPreview for Windows Internet Explorer is a stand-alone visual debugging tool that makes it faster and easier to migrate your sites from IE6 to IE7 or IE8.
- Browser Photo : Browser compatibility tool checks your page under different internet browsers and operating systems. Browser Photo is an automated, easy-to-use tool that requires no downloads or installation and is continually updated. .
- Sauce Labs : Sauce Labs lets you test your web app in any browser instantly with Sauce Scout and run your Automated Selenium tests in the cloud with Sauce OnDemand.
Web Accessibility Testing Tools
- Google Browser Size : Google Browser Size is a visualization of browser window sizes for people who visit Google. For example, the "90%" contour means that 90% of people visiting Google have their browser window open to at least this size or larger.
- aDesigner : aDesigner is a disability simulator that helps designers ensure that their content and applications are accessible and usable by the visually impaired.
- WebAnywhere : WebAnywhere is a non-visual interface to the web that requires no new software to be downloaded or installed.It works right in the browser, which means you can access it from any computer, even locked-down public computer terminals.WebAnywhere enables you to interact with the web in a similar way to how you may have used other screen readers, such as JAWS or Window-Eyes, before.
- Web Accessibility Inspector : Web Accessibility Inspector examines the accessibility of a website and points out any important problem that affects mainly the elderly and visually disabled people. Web Accessibility Inspector runs on the Windows® and Mac OS X operating systems.
- Vischeck : Many pictures, documents and web pages are hard for color blind people to read because the people who designed them didn't think about the problem. Vischeck lets them check their work for color blind visibility. It is also interesting to anyone who is just plain curious about what the world looks like if you're color blind.
- Accessibility Color Wheel : You can choose color combinations to improve the readability of your pages.
Web Usability Testing Tools
- Google Website Optimizer : Google Website Optimizer helps you to test and optimize your site content and design quickly and easily.
- Concept Feedback : Get website feedback from certified experts in design, usability and strategy. Expert analysis, detailed recommendations and solutions you can implement today.
- UserTesting : UserTesting is an online web application allows sers to see real-time interaction with their website, hear what people are thinking while they use the site, and read a written summary of what their thoughts.
- Userfly : Run instant usability studies for your website using your real users. Watch videos of your real users, you can see every mouse movement and click.
- Usabilla : Usabilla is a web-based usability testing tool that allows marketers, analysts, designers and usability experts to collect visual feedback on.
- Silverback : Silverback runs on Mac OSX Leopard, Snow Leopard and Lion with a built-in iSight or some alternative. It does not run on 10.4 and lower.
- IntuitionHQ : IntuitionHQ is a usability testing service built by designers to meet designers needs. It provides metrics to help justify design.
Some Useful Resources for Web Compatibility - Accessibility - Usability
- 15+ techniques and tools for cross browser CSS coding by Jean-Baptiste Jung, co-founder of catswhocode.com
- Browser Compatibility Tutorial by Tom Dahm, on Keynote NetMechanic
- Better Usability Through Consistent Design by Web Page Mistakes
- Usability Learning by Foraker Labs
Additional references that might also be useful
- Browser Statistics and Trends Information by W3Schools
- Internet Users Screen Resolution by ScreenResolution
How do you think?
Glad to hear your opinion. Please who wants to leave a comment. Thank you.
Happy freelancing, keep working, keep your health, and good luck for all! :)
image by donotyet
0 Comment:
Post a Comment