<?xml version="1.0" encoding="UTF-8"?>
<blog-post>
  <author-id type="integer">23</author-id>
  <blog-comments-count type="integer">10</blog-comments-count>
  <blog-post-status-id type="integer">3</blog-post-status-id>
  <body-format>econsultancy_xml</body-format>
  <body-formatted>
  &lt;p&gt;Just yesterday I posted about &#8220;&lt;a href="/blog/269-dr-martens-launches-new-website-freedm2-com-beautiful-but-flawed"&gt;Dr Martens launches new website freedm2.com &#8211; beautiful but flawed?&lt;/a&gt;&#8221;. In one of the comments to my post, Jon Bovard cites the fashion / luxury market as the most obvious sector where you see stunningly beautiful sites but which are chock full of Flash or DHTML.&lt;/p&gt;
  &lt;p&gt;He gives the following examples: &lt;br /&gt;&lt;a href="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Easprey%2Ecom"&gt;http://www.asprey.com&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Elouisvuitton%2Ecom%2Fweb%2Fflash%2Findex%2Ejsp"&gt;http://www.louisvuitton.com/web/flash/index.jsp&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Edarcyjewels%2Ecom%2F"&gt;http://www.darcyjewels.com/&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Emarni%2Ecom"&gt;http://www.marni.com&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fzegna%2Ecom%2F"&gt;http://zegna.com/&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;I&#8217;d add &lt;a href="http://www.gucci.com/"&gt;http://www.gucci.com/&lt;/a&gt; to that and no doubt there are many others.&lt;/p&gt;
  &lt;p&gt;It is easy to criticise such sites for their lack of accessibility compliance. Few of us are whiter than white when it comes to accessibility (this site included) so perhaps we shouldn&#8217;t throw stones. Often such brands are not governed out of the UK so accessibility (and possible litigation) aren&#8217;t really much of a commercial concern for them anyway. &lt;/p&gt;
  &lt;p&gt;However, it would be good if we, the industry, could give examples of how &#8216;beautiful&#8217; sites can be built which are also accessible and search friendly.&lt;/p&gt;
  &lt;p&gt;Personally I think that navigation, ease-of-use, functionality etc. can be &#8216;beautiful&#8217; in terms of customer experience. Have a look at a &lt;a href="http://search.msn.com/images/results.aspx?q=&amp;amp;FORM=BIIR#q=handbags"&gt;search on handbags on MSN&#8217;s new Live Search&lt;/a&gt;. Roll over the images. Play with the slider. Try the &#8216;Scratchpad&#8217; and drag a few tasty bags into it. I think that is beautiful. Far more beautiful than the luxury brands&#8217; sites which I can barely navigate.&lt;/p&gt;
  &lt;p&gt;However, let&#8217;s try and make ourselves give examples of sites which are graphically &#8216;beautiful&#8217; (&#8220;look pretty&#8221;) and also accessible and search engine friendly. Can we think of any?&lt;/p&gt;
  &lt;p&gt;
    &lt;a href="http://www.csszengarden.com/?cssfile=/188/188.css&amp;amp;page=0"&gt;Css Zen Garden has examples&lt;/a&gt; of how CSS-driven sites (accessible and SEO friendly) can still be very graphically &#8216;designed&#8217;.&lt;/p&gt;
  &lt;p&gt;Also have a look at &lt;a href="http://www.mikeindustries.com/sifr/"&gt;sIFR 2.0: Rich Accessible Typography for the Masses&lt;/a&gt; &#8211; Mike Davidson here explains sIFR (or Scalable Inman Flash Replacement), &#8220;a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics.&#8221; This seems an interesting development?&lt;/p&gt;
  &lt;p&gt;Any other examples you can add?&lt;/p&gt;
  &lt;p&gt;Ashley Friedlein&lt;br /&gt;CEO&lt;br /&gt;E-consultancy.com&lt;/p&gt;
</body-formatted>
  <body-unformatted>&lt;FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"&gt;
  &lt;Paragraph&gt;Just yesterday I posted about &#8220;&lt;Link URL="/blog/269-dr-martens-launches-new-website-freedm2-com-beautiful-but-flawed" Window="New"&gt;Dr Martens launches new website freedm2.com &#8211; beautiful but flawed?&lt;/Link&gt;&#8221;. In one of the comments to my post, Jon Bovard cites the fashion / luxury market as the most obvious sector where you see stunningly beautiful sites but which are chock full of Flash or DHTML.&lt;/Paragraph&gt;
  &lt;Paragraph&gt;He gives the following examples: &lt;LineBreak /&gt;&lt;Link URL="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Easprey%2Ecom" Window="New"&gt;http://www.asprey.com&lt;/Link&gt;&lt;LineBreak /&gt;&lt;Link URL="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Elouisvuitton%2Ecom%2Fweb%2Fflash%2Findex%2Ejsp" Window="New"&gt;http://www.louisvuitton.com/web/flash/index.jsp&lt;/Link&gt;&lt;LineBreak /&gt;&lt;Link URL="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Edarcyjewels%2Ecom%2F" Window="New"&gt;http://www.darcyjewels.com/&lt;/Link&gt;&lt;LineBreak /&gt;&lt;Link URL="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fwww%2Emarni%2Ecom" Window="New"&gt;http://www.marni.com&lt;/Link&gt;&lt;LineBreak /&gt;&lt;Link URL="http://www.e-consultancy.com/out.asp?source=article&amp;amp;com=361726&amp;amp;url=http%3A%2F%2Fzegna%2Ecom%2F" Window="New"&gt;http://zegna.com/&lt;/Link&gt;&lt;LineBreak /&gt;&lt;LineBreak /&gt;I&#8217;d add &lt;Link URL="http://www.gucci.com/" Window="New"&gt;http://www.gucci.com/&lt;/Link&gt; to that and no doubt there are many others.&lt;/Paragraph&gt;
  &lt;Paragraph&gt;It is easy to criticise such sites for their lack of accessibility compliance. Few of us are whiter than white when it comes to accessibility (this site included) so perhaps we shouldn&#8217;t throw stones. Often such brands are not governed out of the UK so accessibility (and possible litigation) aren&#8217;t really much of a commercial concern for them anyway. &lt;/Paragraph&gt;
  &lt;Paragraph&gt;However, it would be good if we, the industry, could give examples of how &#8216;beautiful&#8217; sites can be built which are also accessible and search friendly.&lt;/Paragraph&gt;
  &lt;Paragraph&gt;Personally I think that navigation, ease-of-use, functionality etc. can be &#8216;beautiful&#8217; in terms of customer experience. Have a look at a &lt;Link URL="http://search.msn.com/images/results.aspx?q=&amp;amp;FORM=BIIR#q=handbags" Window="New"&gt;search on handbags on MSN&#8217;s new Live Search&lt;/Link&gt;. Roll over the images. Play with the slider. Try the &#8216;Scratchpad&#8217; and drag a few tasty bags into it. I think that is beautiful. Far more beautiful than the luxury brands&#8217; sites which I can barely navigate.&lt;/Paragraph&gt;
  &lt;Paragraph&gt;However, let&#8217;s try and make ourselves give examples of sites which are graphically &#8216;beautiful&#8217; (&#8220;look pretty&#8221;) and also accessible and search engine friendly. Can we think of any?&lt;/Paragraph&gt;
  &lt;Paragraph&gt;
    &lt;Link URL="http://www.csszengarden.com/?cssfile=/188/188.css&amp;amp;page=0" Window="New"&gt;Css Zen Garden has examples&lt;/Link&gt; of how CSS-driven sites (accessible and SEO friendly) can still be very graphically &#8216;designed&#8217;.&lt;/Paragraph&gt;
  &lt;Paragraph&gt;Also have a look at &lt;Link URL="http://www.mikeindustries.com/sifr/" Window="New"&gt;sIFR 2.0: Rich Accessible Typography for the Masses&lt;/Link&gt; &#8211; Mike Davidson here explains sIFR (or Scalable Inman Flash Replacement), &#8220;a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics.&#8221; This seems an interesting development?&lt;/Paragraph&gt;
  &lt;Paragraph&gt;Any other examples you can add?&lt;/Paragraph&gt;
  &lt;Paragraph&gt;Ashley Friedlein&lt;LineBreak /&gt;CEO&lt;LineBreak /&gt;E-consultancy.com&lt;/Paragraph&gt;
&lt;/FormattedContent&gt;</body-unformatted>
  <created-at type="datetime">2006-09-22T10:40:00+01:00</created-at>
  <enabled-blog-comments-count type="integer">4</enabled-blog-comments-count>
  <expertise-level-id type="integer">1</expertise-level-id>
  <extract-format>econsultancy_xml</extract-format>
  <extract-formatted>
  &lt;p&gt;
    &lt;strong&gt;There continues to be a tension between web design that is &#8220;highly-designed&#8221; and web design that is accessible and search engine friendly. The former sites tend to be Flash only or rely heavily on DHTML.&lt;/strong&gt;
  &lt;/p&gt;
  &lt;p&gt;So it is possible for a site to be beautiful but accessible?&lt;/p&gt;
</extract-formatted>
  <extract-unformatted>&lt;FormattedContent xmlns="http://www.e-consultancy.com/schema/formattedContent/"&gt;
  &lt;Paragraph&gt;
    &lt;Emphasis&gt;There continues to be a tension between web design that is &#8220;highly-designed&#8221; and web design that is accessible and search engine friendly. The former sites tend to be Flash only or rely heavily on DHTML.&lt;/Emphasis&gt;
  &lt;/Paragraph&gt;
  &lt;Paragraph&gt;So it is possible for a site to be beautiful but accessible?&lt;/Paragraph&gt;
&lt;/FormattedContent&gt;</extract-unformatted>
  <featured type="boolean">false</featured>
  <id type="integer">271</id>
  <learn-more-formatted>&lt;p&gt;Econsultancy has a wide range of documents to help you with designing websites from start to finish. Check out our &lt;strong&gt;&lt;a href="http://econsultancy.com/reports/effective-web-design-best-practice-guide"&gt;Effective Web Design Guide&lt;/a&gt;&lt;/strong&gt; and our &lt;strong&gt;&lt;a href="http://econsultancy.com/reports/template-files-for-web-projects"&gt;Web Project Management Template Files&lt;/a&gt;&lt;/strong&gt; for more information.&lt;/p&gt;</learn-more-formatted>
  <learn-more-unformatted>&lt;p&gt;Econsultancy has a wide range of documents to help you with designing websites from start to finish. Check out our &lt;strong&gt;&lt;a href="http://econsultancy.com/reports/effective-web-design-best-practice-guide"&gt;Effective Web Design Guide&lt;/a&gt;&lt;/strong&gt; and our &lt;strong&gt;&lt;a href="http://econsultancy.com/reports/template-files-for-web-projects"&gt;Web Project Management Template Files&lt;/a&gt;&lt;/strong&gt; for more information.&lt;/p&gt;</learn-more-unformatted>
  <legacy-article-id type="integer">361729</legacy-article-id>
  <name>Ways that highly-designed websites can still be accessible and search friendly</name>
  <private type="boolean">false</private>
  <published-at type="datetime">2006-09-22T10:40:00+01:00</published-at>
  <slug>ways-that-highly-designed-websites-can-still-be-accessible-and-search-friendly</slug>
  <tweetbacks-updated-at type="datetime">2009-04-29T22:05:04+01:00</tweetbacks-updated-at>
  <unpublished-at type="datetime" nil="true"></unpublished-at>
  <updated-at type="datetime">2009-10-13T08:36:43+01:00</updated-at>
  <views-count type="integer">530</views-count>
</blog-post>
