Critique this site, please

Hello,
Okay, now it's your turn. I've critiqued a number of sites here,
sometimes a bit harshly.

<http://www.theethicsoftouch.com/>

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Jim Moe <jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> wrote:

http://www.theethicsoftouch.com/

1) The colours don't go together well.
2) Odd choice of background colour, or any other colour for that matter.
3) Overlapping: http://homepage.ntlworld.com/spartanicus/Image1.png
4) I let my eye wonder over the index page for about 5 seconds, still
didn't have a clue what the site is about.
5) Incorrect and/or non sensible alt content. The title of the
site/index page is contained in a graphic with the text "The ethics of
touch", that exact phrase should thus be the alt content, and it should
be the h1.
6) "Welcome to The Ethics of Touch site!" the fact that users are
welcome is a given, explicitly stating it is sooo "My first home page"
(same goes for the "welcome" in the title).
7) The body text size is uncomfortably smaller than my configured
default.
8) When you specify one colour, specify them all. My default link colour
is showing, the legibility against your specified background colour is
very poor.
9) Inefficient usage of my viewport width, there is a significant
wastage of unused space on the right.
10) "Processing time: 0.004 seconds" why do you think a user knows what
this refers to, or why this would be of any interest to a user?
11) <li class="nav2-sepr">&nbsp;</li> bogus content/markup.
12) Useless nonsense:
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
13) <div id="nav2"><ul> ... </ul></div> needless usage of a div, style
the ul.
14) Non justifiable use of a table for layout (summary="Intro to TEoT"
table)
15) <hr> used as presentational markup, use CSS instead.
16) Inappropriate usage of the <cite> markup element.
17) Inline CSS, externalize it.
18) Inappropriate multiple h1s. Use proper header descendence.
19) More bogus content and markup: <p>&nbsp;</p>
20) News and Announcements
14-Aug-2005 Today is a great day!
No it's not, my cat just peed outside his litter box, and now someone
has to clean it up (me probably). (I get the feeling you are an
American)

--
Spartanicus

Spartanicus wrote:

14-Aug-2005 Today is a great day!
No it's not, my cat just peed outside his litter box, and now someone
has to clean it up (me probably). (I get the feeling you are an
American)

Wow! I've heard of reading tea leaves, but reading cat piss is a new
one on me.

--
Blinky Linux Registered User 297263

Killing All Posts from GG: http://blinkynet.net/comp/uip5.html
End Of The Good GG Archive GUI: http://blinkynet.net/comp/gggui.html

Spartanicus wrote:

http://www.theethicsoftouch.com/
3) Overlapping: http://homepage.ntlworld.com/spartanicus/Image1.png

Yes, that is a result of one of things I do not yet understand. How do

I float:left two divs so that one does not wrap under the other when the
viewport is shrunk?

7) The body text size is uncomfortably smaller than my configured
default.

I am not sure where you are talking about. The News on the index page

is at 88%; almost all of the rest of the text is 100%.

11) <li class="nav2-sepr">&nbsp;</li> bogus content/markup.

What do you recommend for a spacer markup?

19) More bogus content and markup: <p>&nbsp;</p

The one that got away.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Jim Moe <jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> wrote:

http://www.theethicsoftouch.com/

3) Overlapping: http://homepage.ntlworld.com/spartanicus/Image1.png

Yes, that is a result of one of things I do not yet understand. How do
I float:left two divs so that one does not wrap under the other when the
viewport is shrunk?

I don't have the time to try and fully understand your poor code,
banner0 container having a fixed height contributes to the problem.

7) The body text size is uncomfortably smaller than my configured
default.

I am not sure where you are talking about. The News on the index page
is at 88%; almost all of the rest of the text is 100%.

The smaller than comfortable text size results from your usage of a
serif font for the body text. Due to the difference in x-height between
serif and sans serif fonts users who have configured a sans serif font
will see author specified serif fonts smaller than their configured
size.

11) <li class="nav2-sepr">&nbsp;</li> bogus content/markup.

What do you recommend for a spacer markup?

Spacing in this example is styling:
http://www.w3.org/TR/CSS21/box.html#margin-properties

--
Spartanicus

Spartanicus wrote:

7) The body text size is uncomfortably smaller than my configured
default.

I am not sure where you are talking about. The News on the index page
is at 88%; almost all of the rest of the text is 100%.

The smaller than comfortable text size results from your usage of a
serif font for the body text. Due to the difference in x-height between
serif and sans serif fonts users who have configured a sans serif font
will see author specified serif fonts smaller than their configured
size.

So you have chosen a serif font that is hard to read? Where is this my

problem?

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Jim Moe <jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> wrote:

7) The body text size is uncomfortably smaller than my configured
default.

I am not sure where you are talking about. The News on the index page
is at 88%; almost all of the rest of the text is 100%.

The smaller than comfortable text size results from your usage of a
serif font for the body text. Due to the difference in x-height between
serif and sans serif fonts users who have configured a sans serif font
will see author specified serif fonts smaller than their configured
size.

So you have chosen a serif font that is hard to read?

I've chosen a sans serif font, but your site insists on using a serif
font.

Where is this my problem?

If I'm not reviewing a site difficult to read text results in exercising
the back feature of my browser.

--
Spartanicus

Jim Moe wrote:

Hello,
Okay, now it's your turn. I've critiqued a number of sites here,
sometimes a bit harshly.

http://www.theethicsoftouch.com/

Jim,

General:
Most of the text is justified, which I find hard to read, especially
when you allow long line lengths. I prefer a ragged-right margin with
line length limited to about 30em.
The amount of material above the navigation means that on my setup
the last navigation link I can see, without vertical scrolling, is
"Authors".
I like the subdued color scheme, though it does reduce
text-to-background contrast a bit. I had no trouble reading the text.

Home:
Click HERE for... should be reworded such that the link text
describes where the link will go. "Here" doesn't tell me anything.
Imagine that I can only see the actual link text.
I'm dubious about the 'News and Announcements'. Most of the
information is about updates you've made to the site. Do you expect
lots of folks to check back often to see what changes you've made? This
doesn't seem like that sort of site to me, but perhaps I'm wrong.

Description:
"Detailed information is available HERE." Why not make the link
describe what it links to: "DETAILED INFORMATION is available."

Reviews:
I was confused by the layout of this section. Each page replicates
the index of reviews and each page contains multiple reviews under that
index, but I detected no structure regarding which reviews were on which
page. I wouldn't have noticed, except I clicked on a link, the next
page took a while to load, and I was then positioned in the middle of
that page. Curious, I scrolled to the top and saw what looked like the
page I had just come from, which made me think I WAS still on that page,
just farther in, but then I realized that wouldn't have taken much time
to get to and.... As I say, I got confused.

Schools list:
This is just a list, so I don't get the 4-across boxed layout.
Whenever I see something like this, I'm initially confused as to whether
it is alphabetical using row-priority or column-priority. I'd just use
a list, perhaps with a delimiter whenever the initial letter changes,
ex: from F to G.

Home Study Courses:
Navigational inconsistency. This is not a separate page, as were all
prior links, but a midpoint on the Description page. So you click on
"Home Study Courses", then later scroll up and see that the highlighted
navigation link (showing which page you are on) isn't the one you
clicked on...

Codes of Ethics:
Same odd page structure as Reviews.
The font used in the index is bigger, bolder, or both than appears
elsewhere. One of the advantages of CSS is that you can get consistency
across the site, yet you don't seem to be taking advantage of that.

Teacher's Corner:
The first 4 links: Description, Preview... represent a set of steps.
To follow those steps, however, you must go to each page, then go
"Back" with the browser, then click on the next step. I'd put "next
step" (appropriately titled) links at the bottom of each of these pages,
so you can go directly. In the case of the library card form, if the
form is processed in real time, then the 'thank you' response screen
should contain a link to Enter the teacher's library. (I didn't test that).

Resources:
Out of the blue, a not-elsewhere-used sans-serif font in the left
column of the table. Why?

Chris Beall

Spartanicus wrote:

The smaller than comfortable text size results from your usage of a
serif font for the body text. Due to the difference in x-height between
serif and sans serif fonts users who have configured a sans serif font
will see author specified serif fonts smaller than their configured
size.

So you have chosen a serif font that is hard to read?

I've chosen a sans serif font, but your site insists on using a serif
font.

For the body text all I have specified is "font-family:serif", that is,

use whatever you have chosen for a serif font. If you have chosen a
sans-serif font wherever "serif" is the indicated, why would my site
override that?

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Jim Moe <jmm-list.AXSPAMGN (AT) sohnen-moe (DOT) com> wrote:

So you have chosen a serif font that is hard to read?

I've chosen a sans serif font, but your site insists on using a serif
font.

For the body text all I have specified is "font-family:serif", that is,
use whatever you have chosen for a serif font. If you have chosen a
sans-serif font wherever "serif" is the indicated, why would my site
override that?

It seems that you don't understand what happens when a user changes
between a serif and a sans serif font as the user preferred font.

I have configured my preferred font to be a sans serif font, not by
configuring my browser to substitute a sans serif for author suggested
serif fonts.

--
Spartanicus