Training

"Winners make choices,
losers make excuses."
Decide to be a Winner!!!!

±Arrows Getting Started

± Phase 1
Planning

± Website Tools

± Phase 3
Conceptual Design

± Helpful Information

± Phase 4
Physical Design

± Phase 5
Testing

± Phase 6
Implement and Market Website

± Other Web Development Items

± Multimedia

± Useful Utilities

± Programming

± Advanced Programming

± Microsoft Office Products

± Computer Maintenance

± Other

Web Design

NOTE: This is a collection of information and links collected over the years that might provide useful information. A Safer Company LLC does not guarantee, endorse or approve any of these links or their scripts. Use these links to other websites at your own risk.

Validating Websites

It is important that you validate your website code (meaning the HTML, XHTML and CSS) to make sure that it complies to web standards and that it is in the best possible format to be read by different browsers and search engines. You want to make sure that you do not have errors in your code that you cannot see in the browser or version of the browser that you are using for testing.

Validation is the process of utilizing a tool to make sure that your web page meets standard technical specifications developed by the World Wide Web Consortium (W3C). Validating web pages can dramatically help improve and ensure the quality of your website.

  • Search engines spider can crawl a verified page easier. Spiders cannot understand / interpret code errors.
  • Verified web pages render better and are faster

There are many ways to validate a website. Since new ways to validate code are being developed everyday, you might want to do a search on validate websites, validate html code, etc to find the latest and greatest.

  1. ✓W3C Site Map - Excellent source of Web Standards
  2. ✓W3C Markup Validation Valid XHTML 1.0 Transitional
  3. ✓W3C CSS Validator Valid CSS!
  4. ✓W3C Find Broken Links
  5. ✓W3C Mobile Web Validator
  6. ✓W3C Sites - Submitting Your First Site
  7. ✓Wave Accessibility Evaluation Tool - Excellent - Added 2011-01-22

 

Accessibility

General

Legal - Domain Information

Links

Performance

SEO

Validation

  1. CSS Validator (WDG)
  2. DAML Validator
  3. Google Sitemap Validator
  4. hCard Validator
  5. .htaccess Validator
  6. HTML Validator (WDG)
  7. HTML 5 Validator
  8. Markup Validator
  9. P3P Validator (W3C)
  10. RDF Validator (W3C)
  11. Robots.txt Syntax Check
  12. RSS Validator
  13. RSS and Atom Feed Validator (W3C)
  14. SADiC Validator
  15. SQL Validator
  16. SVG Validator (W3C)
  17. Web 2.0 Validator (for Entertainment)
  18. WML Validator
  19. XHTML 1.0 Schema Validator
  20. XML Schema Validator (W3C)
  21. XML Validator
  22. XML Well-Formedness Check and Validator

Miscellaneous

Home

xxxxxxxIn cooperation with TextTrust Website Spell Checker.

Validation

Accessibility

It is important to make sure that a website is accessible to all people.

Screen Magnifiers

  • Freedom Scientific - Look at the upper right top of the page and you will see Change Page for Low Vision. When you go to this link you will see options for several different views of their website.

Screen Readers for the Blind

  • ** Total Validator - This checker tests spelling, accessibility, HTML coding, and links. It also comes with a screen shot checker that will allow you to see what your site looks like in a variety of browsers and a Firefox plugin making it extra easy and convenient to use.

General Checkers

Check several elements of your site at once with these great accessibility checkers.

  1. ** Truwex: This tool checks for accessibility and also privacy, quality and compliance with a variety of Web standards of your choosing as well.
  2. Accessibility Wizard: Make sure your site is designed so that anyone can use it, after all, you don’t want to send away potential business just because you needed to make a few changes in your design. This site lets you choose your involvement in the project (everything from content manager to interface designer) and have those elements of your site analyzed.
  3. TAW3: Based on the Web Accessibility Guidelines, this site will give you an accessibility ranking for your site. You can also add it to Firefox to check yours or anyone else’s site that you might visit.
  4. Functional Accessibility Evaluator: This evaluator comes from the University of Illinois, and allows users to check the functional accessibility of any URL. Sign up for a free account and you’ll also be able to generate and save reports about your site and analyze it all at once instead of one page at a time.
  5. Hera: Hera will check your page for any accessibility issues and highlight them for you to make them easy to find, analyze and fix if necessary.

Disability Checkers

Make sure your site is accessible to everyone, no matter their disabilities, with these online checkers.

  1. WAVE 3.5: This tool, developed by Temple University Institute on Disabilities, allows you to run your webpages URL through a series of checks to let you know how accessible it is to users with disabilities.
  2. Accessibility Valet: Here you’ll find a free online tool for analyzing your HTML markup for accessibility. Errors and places where there could be potential problems are highlighted allowing you to go through step-by-step and make any necessary changes.
  3. Color Blindness Simulator: Color blindness is an incredibly common phenomenon so it’s something you definitely need to consider when designing a new website. This site will simulate color blindness for you so you can see what parts of your design work with and what parts you need to tweak.
  4. A-Prompt: If you want to ensure that everyone will be able to access your site, run it through this downloadable program. Check webpages online or off for issues that would make them difficult to use for those with disabilities.
  5. GrayBit: Check the contrast on your webpage with this online tool. Put in your URL and it will render a grayscale version of your page so that you can see the true visual contrast of your site, without the influence of color.
  6. CynthiaSays: Here you’ll find a great online tool for seeing if your site conforms with the Web Content Accessibility Guidelines. Simply enter your URL and get your results, one page at a time.
  7. Color Laboratory: With one in twenty people suffering from some form of color blindness, it makes sense to check to make sure your site will look right to those users before launching. The color laboratory lets you play with putting colors together for design purposes but also allows you to see how they would look to a color blind user.

Usability Checkers

Make sure your page is error free and easy for users to load and use with these helpful usability checkers.

  1. 1-Hit Load Time Analyzer: Even the best designed site isn’t really accessible if it takes too long to load. Use this analyzer to find out your site’s load time so potential visitors won’t get frustrated and navigate away before your content even loads.
  2. Acc: Acc is a free Firefox extension that can help you to analyze some elements of accessibility that might affect the performance of your site. Check through your HTML or analyze your visual layout right from the comfort of your browser.
  3. AnyBrowser: While it’s irritating, it’s a fact of Internet life that not all browsers display the same webpage in the same way. You can make sure your site is as standardized as possible and works in all browsers with this quick, free checker. Once you’re done there you’ll also find resources to improve your design and get more traffic to your site.
  4. CSS Analyzer: Even perfectionists can make mistakes when coding, and this site will check to make sure that your CSS is as good as it can get. It will also check to make sure your site has enough color contrast to make it readable for users.
  5. EvalAccess: With this online checker you’ll be able to check your site’s HTML and color contrast and get detailed reports on them so that you can go back and make any suggested fixes.
  6. Hermish: Hermish checks your webpage for accessibility compliance, HTML, layout and page display, readability and more just by entering your URL into the dialogue box and will give you detailed reports of the results.

UITest.com: Web Development Tools

Analysis

Editor’s Choice:
Top 5 Analysis Links

Validating HTML and XHTML

  • Installation Documentation for the W3C Markup Validation Service explains how to install this service (for example for use on an intranet).
  • WDG HTML Validator by the Web Design Group allows you to enter a URI to validate single pages or entire sites. There are also versions to validate Web pages in batch mode (by specifying one or more URIs of HTML documents to validate), by file upload and by direct input of HTML code.
  • Offline HTMLHelp.com Validator is a tool for Unix users; it is the off-line version of the online WDG HTML Validator.
  • HTML Validator by Professor Igor Podlubny is an extension for the programming editor NoteTab. It uses James Clark's open-source SGML parser, which is also used by the W3C Markup Validation Service.
  • Off-line HTML Validator for Windows by Jan Kacur is another validator based on James Clark's open-source SGML parser. Source code (in Delphi) is also available.
  • Do-it-yourself Offline HTML Validator by Matti Tukiainen explains how you can create a simple validator with James Clark's SGML parser on Windows.
  • Validating an entire site by Peter Kranz explains how you can install a modified version of the W3C Markup Validation Service that outputs validation results as XML on Mac OS. Source code (in Perl and Python) is available.
  • HTML Validation Widget adds a "Validate HTML" option to Internet Explorer's context menu and validates the current HTML document with the Web Design Group's HTML Validator.
  • Can I use the W3C MarkUp Validation Service to validate HTML? explains how you can validate HTML from within the free editor HTML-Kit.
  • HTML/XML Validator is an online repair tool for HTML and XHTML based on Tidy and PHP 5. It is available in several languages but it is not a real validator.
  • Fix Your Site With the Right DOCTYPE! by Jeffrey Zeldman explains what HTML and XHTML doctypes work and what their effect is on the rendering mode of a few browsers.
  • Modifying Dreamweaver to Produce Valid XHTML by Carrie Bickner.
  • XHTML-Schemata für FrontPage 2003 und Visual Studio .NET by Christoph Schneegans is a German article that explains how the W3C XML Schemas for XHTML 1.0 can be used in FrontPage 2003 and Visual Studio .NET to create valid code.
  • Nvu is a free and open-source Web authoring tool for Windows, Macintosh and Linux that can call the W3C HTML Validation Service.
  • Amaya by the World Wide Web Consortium is a free and open-source Web authoring tool with support for HTML, XHTML, CSS, SVG and MathML that alerts you to validity errors when you save a document.
  • Web Developer Extension is an extension for Mozilla, Firefox and Flock by Chris Pedrick that allows you to use the W3C Validation Services for HTML and CSS.

Validating XML

  • HTML/XHTML/WML/XML Validator is a German version of the same validator.
  • XML Validator - A Document Validation Service by JavaView allows you to check wellformedness and validity of XML files, by file upload or by direct input of XML code.
  • Apache Ant's XMLValidate Task can be used to validate XML-based documents. This tool can be used to validate entire directories (and subdirectories) of XML files.
  • XML Schema Validator by Christoph Schneegans is an online tool that allows you to validate XML (and XHTML) files by URI, by file upload, by direct input of complete XML documents, and by direct input of XML code fragments. A bookmarklet that allows you to validate the page currently displayed in your browser is also available. This validator claims to be more accurate than the W3C validator.
  • XML Schema Validator by DecisionSoft is an online tool that allows you to validate an XML file against a W3C XML Schema, both of which can be uploaded.
  • STG XML Validation Form by the Scholarly Technology Group of Brown University allows you to validate XML files by URI, by file upload and by direct input of complete XML documents.
  • NetBeans: Working with XML, Part 1 and NetBeans: Working with XML, Part 2 by Tim Boudreau and others, explains how to enable XML support, validation and other related functionality in the open-source NetBeans framework.
  • Schema Validator: this is a validator that allows you to paste XML and W3C XML Schema code into text boxes to validate XML code.
  • XML Nanny: a graphical tool for validating XML and XHTML, with support for DTD, W3C XML Schema, RELAX NG and Schematron (Max OX X).

Note that many programming editors, XML editors and integrated development environments (IDEs) can validate XML files. These include the following free and/or open-source tools:

  • the programming editor JEdit with the XML and SideKick plugins, which supports DTDs and W3C XML Schemas,
  • Eclipse with the Web Tools Platform
  • the Web authoring tool SCREEM for the Gnome desktop environment, which supports DTDs,
  • the XML editor Jaxe, which validates XML files with Apache Xerces,
  • the XML editor Xerlin, which supports DTDs and to some extent W3C XML schema,
  • the XML editor xmloperator, which supports DTDs and RELAX NG schemas,
  • Emacs in nXML mode (see the YahooGroup Emacs nXML Mode),
  • the XML editor Pollo, which supports DTDs, W3C XML Schemas and RELAX NG schemas, and is best suited for tree-like XML files.

Validating CSS

top of page

Page last updated: May 31, 2012 14:30 PM

It is all about:
Content and Navigation...

Web Site by: A Safer Company LLC