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

Camtasia alternatives and other media tools for screencasting

Camtasia is one of the best and most complete set of tools out there for capturing a recording of your screen (called screencasting) but comes at a cost of $313.99 per person (as of this writing). While you might be able to afford it for a few licenses, if you want to give access to this tool to your whole staff, the cost can really add up. Here are some recommendations for (mostly) free media related tools — for those on a limited budget: Greenshot — Simple to use, comes with an editor to annotate still screenshot (no video). Kind of like … Continue reading

Finding a Photo’s License Using Google Images Search Tool

Have you ever come across the perfect photo and wanted to use it on your blog, website, social media post like Facebook, LinkedIn or Twitter, report or print publication? Google Images has a very useful tool to search for an image and hopefully find out the type of copyright license attached to it. Searching for an image To search for an image, you will either need to get the address of the image on the web or you will need to have a copy of it saved locally on your computer. If the image is located on a publicly accessible website … Continue reading

Making Print Screen Screenshots in Windows

You can capture a screenshot of almost anything that appears on your computer by using any of the following methods in Windows: There is a great free tool called Greenshot that works with the Print Screen button. It allows you to capture any part of the screen you want. Greenshot includes extra features like: Sending your screenshot to the clipboard, a printer, your email application, Powerpoint, Word, Excel and upload directly to Confluence or Dropbox. Opening the image in the Greenshot image editor where you can annotate the image with arrows, shapes, lines and text as well as apply any of several special effects. Includes many advanced … Continue reading

Video and Audio Formats for the Web

Publishing audio or video media on the web? When creating audio or video for publication on the web, here are some guidelines to ensure that yours can be heard and viewed on all computers, tablets  and smartphones. The only assumption is that your target audience isn’t still on dial-up. Audio for Web File Format: MP3 Standard Quality (for speech): 22 kHz, 64 Kbps/mono High Quality (for music): 44.1 kHz, 128 Kbps/stereo Super High Quality (for full range of music): 44.1 kHz, 192 Kbps/stereo Offline Source Files: Should be saved in WAV format, 44.1 kHz, 16-bit, stereo (also known as CD quality) — or … Continue reading

Resources for Web Developers

Image Repository Canaidan Tourism Commission Media Centre Fotolia iStockPhoto Shutterstock Images StockFreeImages Stock.Xchng On-line Tools Photo Editor Text Comparison Tool Text QuickDiff Tool Subtitle Horse Converters Real-time HTML Editor Programming Languages ASP.Net CSS HTML Javascript SQL VB.net Search Engine Optimization SEO Tutorial SEO Tutorial (Video) SEO Tips SEO Checklist Google Adwords Keyword Tool Google Webmaster Tools Bing Webmaster Tool … Continue reading

Using Irfanview to Speed-up a Slow Web Page by Reducing the Size of Images

Does your webpage take a very long time to show up the first time you open it in your browser? Does it even take more time on slower Internet connections? The problem might be the size of your image files. Always resize and apply changes to the original image in order to preserve the best possible quality image. The two biggest causes for large images which cause your website to be slow include: The height and width of the image are too big The quality of the image is too high I have seen many people upload stock photos or … Continue reading

Can’t Print to HP Officejet from Photoshop Elements

Can’t seem to print from Photoshop Elements? You’re not alone. People have reported similar problems from Photoshop Elements 7, 8, 9 and 10 from Windows Vista and Windows 7. It either prints a blank page, causes the printer to go into an error state or doesn’t do anything at all. The problem isn’t just with HP printers either. The cause appears to be that the names of the printers are too long. As a result, the short form of the names of the printers (printer and fax) are identical. The solution is to rename one the printer or the fax to … Continue reading

Creating Your Profile Photo for Twitter, Facebook, LinkedIn and Google+

You’ve decided to join the Social Media revolution — Welcome dear friend! So how do you make a profile photo that will look good? The secret is to ALWAYS work with a copy of the original photo! Photography & Cropping Quick Tips Professional headshots look best when the person is in the centre of the photo, with the eyes about 1/3 of the way from the top and the bottom of the frame around the middle of the chest. Never cut a photo on a joint such as a neck, elbow, waist, wrist or knee if at all possible. Most people … Continue reading