+44 (0) 845 094 3331 email

Home > Blog > accessibility

Displaying posts from the 'accessibility' category

Guide to search engine optimisation

by Clinton March 28th, 2011 | Building an online brand, Online marketing, SEO, accessibility | No Comments »

Here are the top 5 factors for successful web sites in 2007:

Note:

This article is four years old but all of these factors still hold true with regard to getting good search rankings in Google.

Success factor #1: Accessibility

Accessibility is not only good for business it is a legal requirement and necessary for search engines to be able to effectively spider and index your website. Often web developers use technology that actively impedes search engines and prevents them from accessing all of a website’s pages. The first rule of search engine optimisation is to allow a search engine to access all of your web pages.

A key secondary consideration is to ensure the HTML code of your web pages does not contain errors that prevent search engines from indexing your site.

Search engines like HTML, it allows them to assess the content of your site and determine what the content is about. If you use Flash or graphical images to portray your core text messages, it will be invisible to search engines. Ensure your core content and messages are in HTML.

Success factor #2: Site and information architecture

Site architecture is essential not only for search engines but also for your audience. A search engine needs to be able to find their way around a site effectively as do site visitors. Ensure you have a core logical HTML navigation and do not use Flash or javascript as the only method of accessing your web pages.

You also need to ensure you have a coherent website based around a common theme. Increasingly the most important search engines use a technique called latent semantic indexing in their ranking algorithms. This is to determine not only the content of the individual page but also the context of the site that is sitting within. Search engines will give higher rankings to a page that is within a website that is relevant to that page.

Success factor #3: The right keywords

Once you have ensured that a search engine can access your site and visit all of your pages you need to make sure that they know what those pages are about. This is where you need to focus upon your key phrases and ensure you find which phrases your audience are using to find websites such as yours that meet their needs.

Once you have these key phrases, ensure you place them effectively throughout your site on the most appropriate pages for those terms.

The choice and use of your key words is a crucial element in determining whether your search engine optimisation campaign will be a success. Also think about supporting key words that go with the main key phrase for that page and use them liberally within the content

Success factor #4: Content

The search engines are looking for the most appropriate pages they can find to match the search terms of their users. In order to do this they are looking for quality content. You should be aiming to create unique quality content that separates your site from your competitors.

Write about relevant topics that you know about and try and keep adding to the content on a regular basis. Google likes sites which are kept fresh with new content and also sites that are regularly updated with relevant content.

Success factor #5: Inbound links

Links are one of the key factors that determine the success of a search engine optimisation campaign, but are one of the least understood. Links are crucial, especially in a competitive marketplace, but it is not about sheer weight of numbers. RELEVANCY is far more important than numbers. Get good quality links from quality relevant sites on a regular basis and you will do far batter than buying a large number of non-relevant links.

The more targeted the link i.e. the more relevant, the more it will improve your search engine rankings for that phrase. That’s why we are creating several sector link building communities to help build quality links for sites.

So, What do you want to do now?

  1. Contact us to help you improve your search engine results, or
  2. find out more about working with an ethical search engine optimisation company.

Back to view other articles.

Continue reading »

Mobile web design and development

by admin July 20th, 2010 | Design, accessibility, mobile web | No Comments »

With smartphones becoming more prevalent with larger screen resolutions and more of a “desktop feel” to the browsing experience, it really is a good time to look at creating a mobile version of your website.

Designing websites for mobile phones

However, there are still a few things to bear in mind. Even with the increased bandwidth of 3G it is not universal, especially on the move. And typically, browsing will be more restricted to the core elements on a given website. That is why the best mobile web experiences offer a variant of their website optimised for the web. This should include thinking about:

  • reducing file sizes
  • removing unnecessary code such as Javascript
  • thinking carefully about video type if targeting iPhone (no Flash)
  • what is visible on a reduced physical screen size

Just because a 4 inch screen may have 800 pixels across doesn’t mean that text is legible when designed for that screen resolution. Key things to think about when designing for a mobile phone web interface include:

  1. as a first step, create different web templates based upon modified CSS and XHTML to provide a simpler interface for mobile web browsing
  2. identify the key things that users will come to the website for and dedicate most resources and screen space to this aspect
  3. understand what browsers your audiences will be using and use a “browser sniffer” to identify the browser and deliver the appropriate web templates
  4. and remember, even though you have optimised for a smaller handheld device, the user is king, give them the option to view the standard site on their phone with an obvious link

There are a number of technical and design specific issues as well around web design for mobile devices and if you’re interested about those, we’d be happy to have a chat and see how we can help.

Continue reading »

Javascript menus and best practice

by admin June 29th, 2010 | Design, accessibility | No Comments »

This is a post based upon my findings on how to use javascript menus and in particular drop down menus in an accessible way. It is not meant to be a “how to” for developers nor is it definitive, it is more a comment on the accessibility argument and how to move the conversation forward.

The principle argument about drop downs fall into two camps, the designers  who are often for them because they are a good way of using space and making the layout “tidy”; and the usability types who are against them because they can be confusing, dysfunctional when there are tiered levels and hard to use for mobility impared users.

However the great usability guru himself (or luddite as others may prefer to call him…) Jakob Nielsen actually approves of drop down menus albeit in a specific format. In his article Mega Drop-Down Navigation Menus Work Well he supports large drop down boxes whilst still cautioning against regular javascript dropdowns.

Example 1 of a mega drop down navigation box

Screenshot of navigation menu from the Food Network

Mega drop downs have the following characteristics which make them better:

  1. all secondary and subsequent navigation items are visible, there is no hovering and then trying to “catch” the tertiary level in the next pop up navigation box
  2. it allows greater structure for the layout, better use of typography, space and even graphics
  3. all navigation items are visible at once
  4. they can be used as drop downs or activated from side bars as “mega fly-outs”


Example 2 of a mega drop down navigation box

Screenshot of navigation menu from a site to order custom-made envelopes

Why mega drop downs are better than regular drop downs:

  1. for bigger sites you need to scroll which hides the initial options
  2. mega drop downs support easy and obvious grouping
  3. you have a richer typography to help the user
  4. you can use imagery such as icons or pictures to support your navigation

Points to bear in mind with mega drop downs:

  1. speed is important, so ensure the interface elements display quickly
  2. allow some latency (e.g. 0.5 seconds)  after moving from a nav item to allow the user to move to the sub nav without activating a neighbouring top level nav item if it passes over it on the way to a sub nav item.
  3. keep it simple, just because you can put anything in a mega drop down doesn’t mean you should

Accessibility

Remember to code with screen readers and assistive technology in mind. There can be issues for people using mobile devices or people using screen magnifiers as the enlarged part of the menu may appear to be the only part of the menu. One way to help is to have strong visual signals for menu borders so people can follow them when they are enlarged.

And remember the standard rules of accessibility, don’t make clickable items too small, or too gimmicky.

Options for improving accessibility

See more from Jakob Nielsen to understand the finer details of mega drop down accessibility

Continue reading »

Valid XHTML 1.0 Transitional

Valid CSS!