Page titles, what is that all about?

Accessibility Checklist Examples, Web Accessibility
This is going to be a quick post, but something very essential. <title> is something that represent your web page and it is indeed helpful specially those who opens multiple websites on different tabs. Page <title> should convey the content of the page and information about the portal. It's very essential to provide appropriate page <title>. Why is it so important to have an unique page <title> is that if we have a multiple tabs opened on a browser, just by looking at the title, we should know what page we would be using. Page <title> is inserted as part of page <header> and the coode looks like: <html> <head> <title> Page name: Portal name </title> <head> ...and then starts the <body> attribute. It is Level A requirement of Web…
Read More

SkipTo plugin by PayPal Accessibility Team – an enhancement to SkipTo links

Accessibility Checklist Examples, Web Accessibility
Did you remember our post on Skip links - what, why and how?. In that article, we have seen how skip links would benefit users who uses screen readers or keyboard only but wouldn't it be cool if Skip links actually helps everyone? Thanks to PayPal (External link) for introducing an enhancement to skip to by introducing SkipTo Plugin (External link). Let's say you run a knowledge base portal or a news daily and your readers would love to browser by skim reading the page and read complete article of their choice. So they decide to skim read by headings and as you know one needs to either a scroll through the page with mouse or use down arrow on the keyboard. Wouldn't it be cool, if your readers have…
Read More

“alt” – What, Why, How and When?

Accessibility Checklist Examples, Web Accessibility
Today, we see that web content is increasing with a rocket speed and more often we see non-textual elements on the websites and applications. let's consider scenarios such as: Due to bandwidth reason, if images are not loaded on to the web page search Engines like Yahoo! Search (External link) or Google (external link) do not understand graphics User may be a person with vision impairment and rely on screen reader (external link) to browse the web So how can make sure such non-text content is accessible to all users and search engines specially those images and image links? Ultimate solution is appropriate use of alt. alt means alternative; means we should provide alternative to non-text content such as images. It's a MUST have requirement as per Web Content Accessibility…
Read More

Accessibility options and browser accessibility options

Accessibility Checklist Examples, Web Accessibility
As you may have noticed, some websites specially those are related to news have a tiny text and often difficult to read and more difficult for people with low vision or those elderly. But the argument from the authors is that they would want to accommodate as much information as they can on the page; so what is the solution and how we can include all users? There are a few methods that we can address this problem: 1. Educate users with a help page about existing accessibility options provided by browsers (This is recommended) If your target users are someone who you think may not be able understand the documentation about existing accessibility features provided by browsers and not aware how to use them, you can provide a few…
Read More

Skip links – What, why and how?

Accessibility Checklist Examples, Web Accessibility
What are Skip links? Skip links is something we don't see in most of the websites. "Skip links" helps users (especially the keyboard users) to jump directly to a block of content or to an unique area of the page. "Skip links" are used for: Skip to main content Skip to navigation Skip to secondary navigation Skip to Search These links are nothing but book marks on a web page. "Skip links" are expected to be placed at the top of web page and should be the first available link. Why is Skip links important? Now, let's discuss the rational for having skip links. Let's visit Cleartrip - a travel website in India. Layout of this portal is: [caption id="attachment_140" align="alignright" width="300"] Screen shot of Cleartrip.com home page[/caption]Cleartrip logo on…
Read More