Forcing Links to Open in a New Tab or Window

Have you ever found yourself browsing the web on a smartphone and clicked on something that opened in a new tab? It is almost impossible to tell when this happens. In fact, many people don’t even realize that browsers on SmartPhones can have the equivalent of multiple tabs or windows. Now imagine someone using a screen magnifier. They click on a link somewhere in the middle of the screen. If the link opened in a new tab in the background, they would never notice it and just think something is broken. However, if it opened in the foreground, one might … Continue reading

WCAG 2.0 – Closed Caption, Describe Video and Transcripts

Adding (or burning) captions into raw videos will not satisfy WCAG 2.0 criteria because the text then becomes part of the image which will not be narrated by screen readers or displayed on braille device. Real Closed Caption (CC) / Describe video is actually text overlaying the video for those who are visually impaired. Moodle does not currently offer a way to include subtitles for a video. The standard compliant and best practice approach to inserting video captions requires using the HTML5 <track> element. The various attributes of the is element allow you to specify the type of content, the language … Continue reading

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=”” 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