WCAG 2.0 – Compliant HTML Tables

Below are examples of WCAG 2.0 compliant HTML tables. Be sure not to duplicate the table Caption and Summary as both will be read by screen readers. Simple Tables (skip to Complex Table) Here is sample source code for creating a Simple HTML table. Figure 1: Sample of Table Caption table Header 1 Header 2 example cell example cell example cell example cell example cell example cell example cell example cell Sample Total Sample Total Source Code Complex Tables Here is sample source code for creating a complex HTML table. Figure 1: Sample of Table Caption table Header 1 Header 2 … Continue reading

WCAG 2.0 – Formatting Links to Downloadable Files

WCAG 2,0 brings with it many recommendations which are not only necessary for accessibility but much overdue when it comes to SEO. Most people don’t realize that search engines are actually blind. As such, they can’t see photos, can’t conceptualize page layouts, can’t see colour indicators… oh and did I mention they were deaf too? On this page I will be covering WCAG 2.0 as it applies to… Links to PDF Files Formatting File Sizes Links to PDF files The CLF 2.0 traditional approach to creating PDF links has been Report Summary — 2011 Edition (PDF, 365 KB) where the … Continue reading

Web Development Validation Tools

WC3 HTML Validation — the W3 validator — checks document mark up WAVE — Web Accessibility Evaluation Tool — web accessibility validation tool Colour Contrast Analyser 2.2 for Web Pages — helps you determine if colour contrast is sufficient AChecker accessibility tool — sponsored by the Ontario gov’t … Continue reading

Websites for Public Speakers

My recommendation is that you take a phased approach to the implementation. Otherwise it could be a while before you get everything you want together. The most important pages which should be included in the first phase are: Home |– About Us |– Contact Us |– “One Sheet” (or Products or Services) Home — This page should contain what people are looking for, not what you feel they need to hear. It’s the page that is going to get you noticed in the search engines. It should include a compelling call to action which is designed to have them contact … Continue reading

Useful WCAG 2.0 Tools and Online Resources

This is a list of free web development tools and resources to help you ensure accessibility on your  website, regardless of whether or not you decide to take it all the way to WCAG 2.0, Section 508 or your countries favourite flavour of the WCAG guidelines. WCAG 2.0 Related Tools Useful Development and Debugging Tools Microsoft IE Developer Toolbar. If you are using IE 8 or later, DO NOT install this. Just press F12 instead. HTML Tidy Online — Formats your HTML code so that it is readable. Can be a life saver, especially useful if you’ve compressed you HTML code. Firebug … Continue reading

WCAG 2.0 HTML Tips

Multilingual Website: If your website had content in more than one language, be sure to identify the default language of the page using the HTML tag itself. Example: <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”fr” lang=”fr”> Mixed Language in Same Page: If you have mixed language text in a page, such as an English link or English company name on a French page, use <span lang=”en”>English content</span> to allow devices like screen readers to properly pronounce text in other languages. Multiple Language Pages: For pages such as language selection pages, add the lang=”xx” tag to some of the other meta tags including dc.title, dc.subject, … Continue reading

An alternative to WCAG 2.0 Compliance in Just 15 Minutes a Day

Entrepreneurs and Small Businesses don’t always have the financial resources to revamp their whole website to implement WCAG 2.0 Level AA standards. While compliance can take a fair amount of knowledge and effort, there are things that you can do on a day-to-day basis to improve the accessibility of your website. The crazy thing is, most if it is pretty common sense. Take the 15 week accessibility challenge. Once a week, take an hour to look at your website and ask yourself how you could make your website more accessible to not only visually impaired folks but to people with physical … Continue reading

WCAG 2.0 – The 4 POUR Principles and 12 Guidelines

Over the past few years, the issue of accessibility on the web has been heating up. Companies all around the world are being sued because their website is not accessible to everyone. In 2009, the Word Wide Web Consortium (W3C), which is the main international standards organization for the web, published the second version of their Web Content Accessibility Guidelines (WCAG 2.0) in order to address concerns. Today, businesses and governments around the world are moving to apply WCAG standards. For example, Australia, Canada, Hong Kong, New Zealand, Ontario and U.K. are leading the way as they move towards or have achieved … Continue reading

Make PDF files compliant with Web Content Accessibility Guidelines 2.0 (WCAG 2.0)

While enhancing accessibility and usability are the goals of WCAG 2.0, the overall benefits to website owners in making PDF files that meet the WCAG 2.0 web standards include: To eliminate the cost and effort of creating both PDF and HTML versions of publications; To improve usability; To make content more relevant and easier to find; To increase SEO search engine rankings; To draw more traffic to the site; and To help your search engines and your target audience increasing their awareness of your content. The Basics WCAG is a set of recommendations for making Web content more accessible to … Continue reading