Recommended Tools and Browsers
As someone once said, “Use the right tool for the job.” As a web content editor, it’s good to have a few tools at your disposal for working with the CMS and your content. Here are a few of our favorite free tools and how best to use them.
While most web browsers “should” work with the CMS , the following are versions that are certified to work by Ingeniux.
- Internet Explorer 11/Edge
- Firefox 44+
- Chrome 48+
Mac OS X 10.4 (Tiger)/10.5 (Leopard)/10.6 (Snow Leopard)
- Firefox 44+
This list is for users of the CMS, not visitors to the website. The university website should work well with many more browsers than these. The CMS is also certified to work with IE 6 and Firefox 2, but the university website is not, so please don't use them. If you don’t know what browser version you have and don’t know how to find out, go to the following website and it will attempt to determine it for you:
Web Browser Add-Ons
The following tools are Add-Ons to your web browsers that you may find useful. To install:
- Firefox: Tools Menu => Add-Ons
- Safari: Safari Menu => Safari Extensions Gallery
- Chrome: Window Menu => Extensions
There are also Add-Ons for Internet Explorer, but IE has virtually no developer tools, so they are not listed here.
Web Developer Toolbar (Firefox, Chrome)
One of our most trusty tools that we use on a regular basis is the web developer toolbar, which is available for the Firefox and Chrome web browsers. One of the most important ways of using the toolbar is to disable aspects of the website to make sure that the site still works. For example, according to Section 508 guidelines, the website should function with CSS turned off. So from the CSS menu, choose Disable Styles -> All Styles and see how the site looks without CSS.
Firebug (Firefox) and Firebug Lite (Safari, Chrome)
Firebug is also a great tool that we use all the time. This adds a tool icon at the bottom of the page for checking the HTML and CSS for errors.
There are numerous websites that also offer tools for checking your web pages:
It is available to download, free of charge, here. The source code is available on Github if anyone wishes to modify it further for their own needs (or for porting to alternative browsers), and that can be seen here. If you have any questions about these pages, simply email Brett Knadle or Ryan Battistone and we'll respond shortly.
Also available as a stand-alone application, this tool will report errors on your pages including broken links, misspelled words, and accessibility violations. This page is a little harder to use than other tools but is very thorough.
W3C HTML Validator
An HTML only validator that is a little easier to use.
W3C CSS Validator
This page will check your CSS files. This does not check inline CSS, only CSS that is in external stylesheets.
WAVE Web Accessibility Evaluation Tool
This tool can check for some errors in accessibility on your website, however it can only check for technical ones. Accessibility errors such as putting red text on a green background must be checked for by hand. They also have a Firefox toolbar that is only available on their site (and not through the Ad-Ons manager).