SITE REVIEW: technatype.com

  • absolutes
  • Beginner
  • Beginner
  • User avatar
  • Posts: 45

Post 3+ Months Ago

A business online "card" and ad for local business.

I built this for my dad's birthday present, so a lot of the content space on secondary pages is blank. (he is going to tell me whatshould go there after the suprise) I'm looking for your input on layout and selliness of it. Thanks in advance!

http://www.technatype.com
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • multiosbrowser
  • Beginner
  • Beginner
  • User avatar
  • Posts: 62
  • Loc: Germany

Post 3+ Months Ago

absolutes wrote:
I'm looking for your input on layout and selliness of it. Thanks in advance!

Hi,

I have tested your site. Here the results:

HTML: Failed validation, 10 errors
CSS: Failed validation, 5 errors, 9 warnings

If you add the required attribute "ALT" (<img>-tag) then your site pass the Section 508. Also there is no document language defined and no meta tag of page autor. You use a table design and your site is not scalable (fixed size with px and pt).

You should define a CSS for "media=screen" and a CSS for "media=print". Also you should define a font-family like "arial,helvetica,sans-serif,courier" to make your page viewable on any os platform. Ok, most used os platforms are Windows, Linux and Mac OS :-) Don't use the <em>-Tag like you doing. The <em>-Tag is for text browsers or screen readers to find out that an important text is here.
Use the title-element in you <a href>. Persons with disabilities in combination with a screen reader can now then get informations about the link target. Also your table doesn't have header-id's, so a screen reader have problems to read your table design.

And last, you should use up to date markup (XHTML) and separate design from content with CSS.
  • absolutes
  • Beginner
  • Beginner
  • User avatar
  • Posts: 45

Post 3+ Months Ago

what exactly do you mean by separating design from content with CSS? I thought I'd done that pretty thoroughly.

Thanks for your very detailed analysis, btw, it'll help me with all my future sites.
  • multiosbrowser
  • Beginner
  • Beginner
  • User avatar
  • Posts: 62
  • Loc: Germany

Post 3+ Months Ago

absolutes wrote:
what exactly do you mean by separating design from content with CSS?

A sample:
If you read a daily magazine you will get the informations easy to read. If you have pictures or comments between the lines it's not easy to read.

If you separate design from content, you can switch off CSS or use your own CSS File. Now you can read without distracting pictures or comments. See the Web Content Accessibility Guidelines for more informations http://www.w3.org/TR/WCAG10/

absolutes wrote:
Thanks for your very detailed analysis, btw, it'll help me with all my future sites.

No probs...
  • royce
  • Novice
  • Novice
  • User avatar
  • Posts: 23
  • Loc: Floriduh

Post 3+ Months Ago

It may be an effective site for your dads market. It looks kind of 'templaty' and table centric, but that may work for someone with a local site and market.

The red text and serif font are kind of dated. Think about using a san-serif font.

WHat do you plan to display on the secondary pages? You may not have enough information to fill up all the pages.

I'm sure your dad will like it, especially if he doesnt have any site up now.,
  • absolutes
  • Beginner
  • Beginner
  • User avatar
  • Posts: 45

Post 3+ Months Ago

Thanks, the "technatype" heading is actually their trademark. they started the business in the 70s (and they fix typewriters, for heaven's sake!) so it makes sense that it's dated.

I'm still wondering, though I think I'll take myself over to the web-design forum, about the CSS issue. Is my style sheet not able to be turned off? I realize using a table's old-school, but I have issues with tableless layout not working properly in IE so I played it safe this time... TMI, I know, I'm off to the design forum now.
  • multiosbrowser
  • Beginner
  • Beginner
  • User avatar
  • Posts: 62
  • Loc: Germany

Post 3+ Months Ago

absolutes wrote:
Is my style sheet not able to be turned off?

No, see

Firefox Web Developer Toolbar https://addons.mozilla.org/firefox/60/
MS IE Web Developer Toolbar http://www.visionaustralia.org.au/info.aspx?page=614
and in Opera it is included in the default configuration (Toolbar Autor Mode/User Mode).

With Firefox and Opera you can define a User Style Sheet, that's be used instead the Style Sheet from the Web site.

absolutes wrote:
but I have issues with tableless layout not working properly in IE so I played it safe this time...

See a sample on my own site at http://www.aadmm.de/en/index.htm in the topic "Graphics formats". It's tableless and resizeable for currently most commonly browsers. It use relative sizing and work also with MS IE, including MS IE 7.0 beta 1 to beta 3.

Post Information

  • Total Posts in this topic: 7 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 10 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.