Forum Moderators: not2easy

Message Too Old, No Replies

Where do we stand right now regarding using images for Navigation?

Where do we stand right now regarding using images for Navigation?

         

ChrisBolton

3:47 pm on Jan 20, 2008 (gmt 0)

10+ Year Member




Where do we stand right now regarding using images for Navigation?

- As long as the images are very legible.
- The original and over state images are background images pulled in through CSS (so looking at the HTML it appears to be a normal link) and (no javascript).
- In the above case, if images and CSS are turned off you will still see a styled text link.

I have been trying to decide which way to go on my new website for over a month now but I just can't seem to settle on one choice. I really want to do it but is it a good idea if I'm using accessibility as a selling point?

Kind regards.
Chris.

Xapti

10:48 pm on Jan 20, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well while it's sometimes touted as more assessible, I believe that virtually any text-based browser or screenreader could access either alt attributes for images, or display the "hidden" text (typically indented off the container).

The problems I have with using images are:
1. They cause increased load times, and use more bandwidth. While you can get images small, they can never be NEARLY as small as using text.
2. They are fixed size. Well generally speaking people make them fixed size, but you could in theory size them with ems, only problem there is a bit of aliasing since browser don't have good filters for compacting images. The other problem with it is that you'll either have people downloading higher quality of something they may never see (if their font size is small), or that the people with larger font size will experience a very lousy image quality (due to the smaller image just being exploded).
It seems like it's moving as slow as hell, even though I consider it to be one of the most important things for the internet, but eventually vector-based graphics (SVG) will come along which will be very useful for all sorts of things such as images in navigation.
Until then, at least I will, still stick to using normal text as much as possible.

ChrisBolton

1:28 pm on Jan 22, 2008 (gmt 0)

10+ Year Member



I would never use ems for sizing images. I don't like the process at all. I like things to look exactly how I intended them to. As for bandwidth and download times, I don't really think this is an issue anymore. Websites are using more and bigger graphics for design layout nowadays as the average access speed for users is growing all the time. Also, I use image sprites where possible, so there are less calls to the server.

I was wondering more about a business perspective. If I advertise 'Accessibility Standards Compliant Design' but use background images for some links where I could just as easily have used a text link, am I offering what I suggest?

What about if a user has images turned off but CSS turned on (with the text indented off the screen)? The user would not see either unless I use the title attribute.

Is this good practise?

Kind regards.
Chris.

Insomniak

1:37 pm on Jan 22, 2008 (gmt 0)

10+ Year Member



I've seen some sites go too far in their nifty navigation icons. Even if they make perfect sense to the designer it can be a problem if the user has to figure out a new interface for every site the visit.

unique web site = good
unique navigation = bad

ChrisBolton

1:47 pm on Jan 22, 2008 (gmt 0)

10+ Year Member



I wasn't really refering to icons, or any new style navigation. It's just more like I want to use a 'good' font and have it display the size, style and colour that will compliment my design without having to use things like sIFR.

Also another worry is (hardly likely, but I have seen a lot of site designs die when I try it) if a user changes the text size in the browser to '84px' or 'far too big'. I don't want my hard work to look a mess!

Chris.

swa66

3:33 pm on Jan 22, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Also another worry is (hardly likely, but I have seen a lot of site designs die when I try it) if a user changes the text size in the browser to '84px' or 'far too big'. I don't want my hard work to look a mess!

I think those who'll enlarge fonts mostly do so for a good reason (for them). Stopping them from doing so by using bitmaps where text could do just as well (menus e.g.) is for the visitor stopping them in their needs.

If you want the menus titles etc to look nice theres plenty that can be achieved with CSS (just look at e.g. sliding doors).

If you're concerned about it, detect the font setting in JS, and warn the visitor if it's set beyond what your design still supports, but do let them resize it to their needs.

Not all those that have visual challenges use a screen reader, some have enough with a larger to a very large font. I've had a colleague with that need.