Scene On The Net

The hidden truth about Accessibility — Part 2

By Max Brockbank

Filed under: General
Page updated 8:36 am: March 25, 2009

In my last blog post, I talked about using accessibility standards to improve the SEO¬† of any web page. The theory is that because search engines like Google, Yahoo!, Windows Live and Ask are “blind”, constructing your site to work well for Buy Cialis Online those with visual impairment makes them ripe for the Search Engine Spiders too.

But we can take this a stage further; making the site even more accessible AND giving the Search Engines more content to index. Levitra venta

In fact, the use of CSS-styling to add extra content to the page which does not show unless the stylesheet is removed can drastically improve the amount of spiderable text on a web page whilst remaining within Search Engine rules about “hidden” content.

Current W3C standards include the display attribute, which includes the value none. If this style is correctly applied to an element it will not show up in a browser which uses CSS. Opinion levitra

For example, we can define a style called .accessible thus …

.accessible { display: none; }

This can be applied using SPAN tags thus …

Now you see me <span class="accessible">, now you don't!</span>

In a CSS-compliant browser such as Internet Explorer or Firefox what is seen is

Now you see me

But remove the style sheets for the page and you see

Now you see me, now you don’t!

This means that text can now be embedded in a web page which only shows up in “accessibility” mode (i.e. when the style sheets are not used).

An example of this might be the addition of explanatory text to a web page link …

<a href="/eng/support/" rel="Get help with your BlackBerry device, software or billing, and read about BlackBerry training and how to get technical support"><span class="accessible">Get help with your BlackBerry device, software or billing, and read about BlackBerry training and how to get Technical </span>Support</a>

In the browser, with a style sheet applied, this shows as …

Support

Without a style sheet applied, this shows as …

Get help with your BlackBerry device, software or billing, and read about BlackBerry training and how to get Technical Support

This Buy serevent online Buy Viagra Professional Online Pharmacy No Prescription Needed not only makes more sense to a screen reader, it also provides more spiderable text for search engines Levitra efectos secundarios to index. Potenzmittel viagra


Tags for this post: , , , , , , , , , , , , , , , , , , , , , , , ,

« The hidden truth about Accessibility« The hidden truth about Accessibility» Pressing Concerns

©2017 Scene on the Net — Powered by WordPress