Reference no: EM13760

This sample webpage's aim is to will serve most of the audience including elder people and people with disabilities. It will provide some functions to help users to use webpage more effectively.

The webpage must have several menus about country Azerbaijan such as "About Azerbaijan" "History" "Geography" "Landscape" and "Accessibility" menu.

The main aim of website is not giving information about Azerbaijan, it is about showing people accessibility and usability of website.

Project Specification and Requirements

The target audience is people who are interested with country named Azerbaijan and looking for information about this country.

The main specifications and requirements that webpage has to meet is indicated below with their specification id, priority and description.

all these features are for making accessibility and usability criteria of website high.

Inexperienced developers suppose that all visitors of web pages are able to see all wonderfully presented graphics, nice looking animations and etc.  Whereas most users are having different kinds of disabilities and they are compelled to use different programs or devices which blocks images, keeps only text and makes everything look different than original. Webpage design standards are not for only disabled people, it also surrounds wide range of devices and peoples with different desires and limits.  For instance:

• Some visitors turn off images (because of low bandwidth)
• Some visitors use portable or mobile devices (especially old ones rely on text based web sites)
• Some visually impaired visitors rely on screen reader technologies

Website design

Final version of website implementation must follow these accessible webpage design standards that is emphasized below.

Fonts: use standardized or popular fonts.

• Different things such as browser settings, monitor size and etc. affect font sizes. Georgia (serif) and Verdana (serif) are specially designed for Webpage use.
• As it is mentioned in WCAG, the minimum font size should be 10 for PC, 12 for MAC, or generally speaking it should be at least size of 3. It should be avoided using more than 2 fonts in one page.

Images:

• Images in the page should not exceed 75 pixels. This is widely accepted Internet limit.
• Use .jpg format for images.
• Add alternative text to describe the content or meaning of images. Such as
• <imgsrc="azerbaijanlogo.jpg" alt="Websites logo">.
• Avoid using images as links.
• Avoid using images as text.

Tables

• Avoid using tables in accessible webpage unless it is important.

Links

• Describe the link content as much as possible.
• Use "SPACE | VERTICAL BAR | SPACE" format if links are close to each other.
• Avoid using general words such as "click here", "press here", "go", and "enter"
• Do not use aesthetic menus such as drop-down, rollover.

Colours

• Colours are important thing to consider. The decision that has been made after research is that the blue colour is most useful and more broadly used colour in the World Wide Web. This colour is easy to see for people with or without visual impairments. Most popular web pages are based on blue or variations of blue colour such as Facebook or twitter. Considering these facts, my final implementation will also use blue colour.
• Another points to consider is:
• Use high contrast background and text colour.
• Do not use text-obscuring backgrounds.

Avoid

• Frames
• Java, flash and this kind of animations
• Moving, blinking, bouncing, scrolling texts.

Navigation

• Make navigation easy to distinguish
• Avoid having long scrolling pages
• Put "go to top", "go to bottom" links.