Phone and FAX
Tel: 0845 121 1194
Fax: 0845 121 1195
Archives:
Meta:
Categories:
Web Typography - November 4th, 2008
Typography is a thriving industry, Printing and Media have an absolutely massive base of different fonts and styles that are constantly being developed for various projects. So how come the Web has been left behind so much?
At the moment, if you want to choose a font for use on the internet, you are pretty limited. In fact, you are pretty much stuck with one of the following ‘web safe’ fonts: Verdana, Arial, Helvetica, Lucida Console, Times New Roman, Impact, Tahoma, Courier New or Comic Sans. Although this would have been fine 5 years ago, they have become more than a little stale and well over used.
I think its high time that this changed, and, it looks like with CSS 3 there is some progress:
@font-face {
font-family: 'The New Font';
src: url('http://www.example.net/newfont/');
}
The following line of code will tell your browser where it can get the font, so it will follow the link, download and use it to pull in the correct font. You will also have the ability to add shadow, emboss, add effects, stretch and smooth fonts. Sound a bit too good to be true? Well unfortunately it will be ages before we can successfully use this technique to import fonts, with browser’s typically slow uptake of CSS3.. You can imagine how long we are going to be stuck with IE7 and its already aging CSS engine.
Designing Accessible Websites - October 30th, 2008
Millions of people in the UK have some form of visual or motor impairment. Websites built with accessibility requirements in mind enable disabled users to surf the web more easily.
Building accessible websites is a legal requirement and also a sound business investment as people with disabilities have a combined income of over £50 billion at their disposal.
Non-disabled users can also benefit from accessible websites. Not all users have the latest browser versions. With more and more people using PDA’s and mobile phones to browse the internet consideration should be given to page download times and the use of Flash and Java Script in images and navigation.
Points to consider when designing an accessible website include the following:
Build One Website – It may be tempting to create a text only version of a website for disabled users. Research shows however that this can make users feel slighted as text only versions can present pared down information. It is far better to make your main website accessible and therefore inclusive of both the disabled and non disabled.
Give Users a Choice – Ensure that your website reacts to browser controls to increase font size. You can embed your own font controls or provide instructions as to how font can be increased. Many users who could benefit from increased font size do not know that such controls exist.
Some sites give users the option to change the colour scheme. This can be of use to people with certain visual impairments.
Stylesheets – Always use cascading stylesheets to separate document content (HTML & XHTML) from document presentation (CSS). This enables users with extremely poor vision to program in their own stylesheets. For instance a user may find it easier to read white text on a black background. If formatting is built into the html then styles can’t be overridden.
Page Layout – Make sure that your websites design is consistent from page to page. As users become familiar with a sites layout they expect elements to be located in the same place every time. Consistency is a benefit for both sighted and non sighted users.
Alt Tags - Screen readers have no way of understanding images therefore it is important that Alt tags are correctly used. Alt tags also provide information to users who view websites with graphics turned off and people who surf using text only browsers. Alt tags should include a short description of the image and should not be stuffed with keywords. Not only is this spamming the search engines it is also confusing for site users.
Site Navigation – Try to avoid using text embedded in images as navigational links. This can be difficult to read for users with visual impairments as the images can’t be resized using browser controls. If this is unavoidable then using size 16 point font would be advantageous.
A well designed website built to current standards and with accessibility in mind not only improves the user experience, it can also have the added benefit of improving your search engine rankings.
A win win situation for all.