Navigation

Navigation Options

Text

Text navigation is one of the most reliable ways of linking your web pages together. Text navigation is accessible to all users, including visually impaired visitors (text navigation can be read by screen readers/assistive technology) and is totally cross-browser compliant. Users do not need any plug-ins to see and use it, nor do they have to have the most up-to-date browsers. If you decide to use another form of navigation on your website, you should include a text alternative for the reasons given above. There is a text alternative at the bottom of every page on this website.

Graphics

Specially made graphics can be used in the same way as text links. However, not all users browse with graphics enabled so it is important to add “ALT” tags to these images so that they are not meaningless to screen readers/assistive technology or to users who do not enable images.

CSS

These websites have some examples of CSS navigation scripts: Listamatic, Listamatic 2 and Free Menu Designs. CSS navigation is accessible to visually impaired visitors, although older browsers may not fully support css scripts. Cwmbach Junior School uses CSS for the navigation menu. In older browsers, the menu is simply displayed as a list of links. Newer browsers display Flash-like buttons, with a colour change on roll-over.

Javascript

The menu at the top of every page on this website is an example of a javascript menu. Another example can be seen on the Cwmlai Primary School website. Visit Dynamic Drive to see more examples of javascript navigation – but even if the menu you like is said to be cross-browser compatible, it doesn’t mean that it is standards compliant. If it isn’t standards compliant, there could be problems using it in some browsers. A Google search will bring up many more websites with javascript navigation scripts.

Prices for inclusion of alternative navigation on request.