![]() | |
![]() |
| | Thread Tools | Display Modes |
#1
| |||
| |||
|
#2
| |||
| |||
|
| http://www.nss.org |
#3
| |||
| |||
|
|
I was hoping that some of you here could give us some feedback on our web site, particularly our home page. Our URL is http://www.nss.org |
#4
| |||
| |||
|
|
Hi Everyone, I am Jim Plaxco, a volunteer member of the National Space Society's Internet Development Team. I was hoping that some of you here could give us some feedback on our web site, particularly our home page. Our URL is http://www.nss.org Thank you in advance for your assistance. If you prefer to email me directly, I can be reached at the following (hopefully spammer proof) address (the reply-to address is a dummy). jimplaxco at nsschapters dot org Best Regards, Jim Plaxco National Space Society http://www.nss.org Astrodigital http://www.astrodigital.org |
#5
| |||
| |||
|
|
On Sat, 11 Sep 2004 20:53:17 -0500, Jim wrote: http://www.nss.org Good. (Mostly) adjust to font size readjustment. Bad. Not valid mark-up. http://validator.w3.org/check?uri=ht...tern+Europe%29 |
#6
| |||
| |||
|
|
Jim <Jim (AT) nospamwanted (DOT) com> wrote in news:hoa7k05aaf1iv1v7e6r3och4ibtrv4rlku (AT) 4ax (DOT) com: I was hoping that some of you here could give us some feedback on our web site, particularly our home page. Our URL is http://www.nss.org First step is to validate the page's HTML, and your page fails, because of a lack of character encoding. http://validator.w3.org/check?verbos...//www.nss.org/ It complains about non utf-8 characters on lines 226 & 230, so if I take a guess and assume a windows-152 encoding(just because I've seen this sort of thing before ;-) I find your page has 54 errors, assuming HTML 4.01 Transitional: http://validator.w3.org/check?uri=ht...F&charset=wind ows-1252+%28Western+Europe%29&doctype=%28detect+automa tically%29&verbose=1 In fact, you're better to force iso-8859-1 encoding, because that will show you the errors on lines 226 and 230. Of course there are other issues, such as using tables for layout, but start by fixing the existing HTML. |
#7
| |||
| |||
|
|
Just taking a very quick look ......... From the point of Accessibility guidelines: (a) A large amount of images need Alternative Text specified (mostly alt="") |
|
(b) There seems to be a complete lack of structure to each page, inasmuch as there seems to be a complete absence of headings i.e. h1><h2><h3> ...... etc. They're styled as such, but there's nothing in the HTML mark-up. Headings are important for navigating the page. (c) There's no way to bypassing the (repetitive) navigation on each page and getting to the main content. |
|
(d) There's no break between the items in the menu, causing the menu contents to run together. |
#8
| |||
| |||
|
|
(c) There's no way to bypassing the (repetitive) navigation on each page and getting to the main content. Not sure that I follow you here. Can you elaborate please? |
#9
| |||
| |||
|
|
Gazing into my crystal ball I observed Jim <Jim (AT) nospamwanted (DOT) com> writing in news 4dok01vpspgnv21tidkrjpm2g3svvjkeg (AT) 4ax (DOT) com:(c) There's no way to bypassing the (repetitive) navigation on each page and getting to the main content. Not sure that I follow you here. Can you elaborate please? You should have a "skip navigation" link. You can either have it visible, or you can use CSS to hide it from visual browsers. Eg: style type="text/css" /*this would be better in an external stylesheet*/ @media screen { .skip {display:none} } /*the following will cause the menu not to print*/ @media print { #menu {display:none} } /style /head body div id="menu" a href="#content" class="skip">Skip navigation</a /div div id="content" h1>The Page Title</h1 Lorem ipsum.... /div Yes, that's the idea -- except that in your example you use |
#10
| |||
| |||
|
|
Using CSS to hide the link is fine (or using the ubiquitous '1-pixel .gif image' technique); it's just that 'display:none' can't be used in this specific case. This will do: .skip { position : absolute; left : 0px; top : -500px; width : 1px; height : 1px; overflow : hidden; } |
![]() |
| Thread Tools | |
| Display Modes | |
| |