11 replies [Last post]
fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 20 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

This is only a front page but I'm after your impressions.

Sea Eco Yacht Cruises

The client really wants that picture on the front page as large as possible.

As the client wanted it redesigned it has been re-done with accessibility in mind - opinions on the focus effect of the skip links (just TAB through the page to see what happens above the Sea Eco logo)

As always, general readability, design / layout and colours

Thanks

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 12 years 45 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

another one for review please

I like the picture as well as the skip links, very slick. Smile

My only suggestion is just a tad bit more contrast for your navigation and your links in the paragraphs.

Nice work Freddy!

This is my big chance . . . yep, I blew it . . .

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 20 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

another one for review please

Thanks n8gz4ez

I have just posted a little article on using skip links on my blog

Yes it does need more contrast

What did you think of the general layout? Somethings not quite right for me but I don't know what

cheers

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 15 years 15 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

another one for review please

Freddy
The skip links do not gain focus in IE6 (do they behave in IE7?)
Because IE6 does not understand a:focus, you add * html a:active at the end of the other link states to make it behave, that is if you IE7 experimental types are still shooting for IE6 compatibility Smile

In FX1.5 as focus is gained on the Sea Eco logo the text "Adventure sailing etc " squidges to the right a bit Wink

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 7 years 31 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

another one for review please

Hi Freddy,

Just a question: do you really have to box the content? I think what you have inside the white box is beautiful enough as it is and the light blue border (bdoy's background color?) sort of ruins the entire elegance of the page.

Additionally, a wider margin between hx'x and paragraphs would be great.

Cheers! Laughing out loud

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 20 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

another one for review please

Quote:
The skip links do not gain focus in IE6 (do they behave in IE7?)

I hadn't tested that, I dl'ed IE 7 and of course it overwrote IE 6, I'll have to reinstall it and give your method a try - Thanks

The adventure sailing squidge - yes I know, I added aborder so that the logo would show some reaction on focus - basically, it adds a 1px border then moves the log up and left 1px so the logo doesn't move - I obviously forgot to add a permanent white border to it so that the adventure stays in the same place - will get onto that.

Quote:

Just a question: do you really have to box the content? I think what you have inside the white box is beautiful enough as it is and the light blue border (bdoy's background color?) sort of ruins the entire elegance of the page.

Maybe that's what was not sitting right with me, will have a try

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

TymArtist
TymArtist's picture
Offline
Regular
Chicago
Last seen: 9 years 50 weeks ago
Chicago
Timezone: GMT-6
Joined: 2005-11-23
Posts: 31
Points: 8

another one for review please

Personally I enjoy the accessibility features and your blog on the subject. The site itself has a nice feel, although the comment about the blue surrounding the white box is something you could work on. Consider something like a gradient out into the blue (similar to a drop shadow effect) or just eliminating the blue or toning it down.

Also, have you thought about scaling down the size of the text a little bit? From a graphic design standpoint it's a little large, although I understand if you made it bigger for the purpose of accessibility. Maybe it's just the font and/or letter spacing throwing me off, try adding a little bit more spacing and see what happens.

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 20 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

another one for review please

OK I canned the Blue background for the html and it looks loads better.

Increased letter spacing a tad, I wanted to use a serif font for a change but personally, I'm not that keen on the way it looks on screen ...?

I've just changed it so that headings and Nav are in Georgia , serif whilst normal body text is in verdana, sans-serif. to me this is much more readable whilst still having pointier, stand-outier (must work on these descriptive terms eh) headings but a readable main font ... your thoughts please

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 13 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

another one for review please

Hi Freddy

It looks really nice without the background.

I think the elements just need a bit more breathing space - between the sections of text and the following headers and particularly between the main content and the navigation.

'Part from that the only thing I think needs attention is that I personally don't like the way the text changes size in the navigation once visited.

Edit; oh and I agree with n8gz4ez that the links within your text need to be stronger or darker.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 7 years 31 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

another one for review please

Hi Freddy,

It looks much better now. Laughing out loud

Cheers again!

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 20 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

another one for review please

I've managed to get the skip links to work in IE by using :active but how do you get them to behave in Opera?

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 15 years 15 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

another one for review please

How are you trying to invoke them in Opera?

Opera don't do tabs except to cycle through inputs. It prefers you to use CTRL+direction arrow or SHIFT+direction arrow to go through links but it is mighty sniffy about some link styles. However, I confess, I have never seen it play fair with (initially) offset links, not even on the sites of some of the afficionados of the technique.

In case of interest, Mike Cherim has his own variation of the "now you see it, now you dont" idea on his latest offering in the Site Checks forum. But still Opera does not display the focus/active (I think) style in the same way as Fx and IE.