Explain why Web Standards are important to your clients (and their customers) in 10 words or less.
- Web standards help decrease the size of a web site.
- Web standards make a web site's content accessible to all.
Increases accessiblitly in browsers/devices, Lowers bandwidth and development time.
-or-
Ignoring it gets more CSS zealots mad at Jason Fried
:)
Breaks in older browsers and does not like Microsoft IE.
Awww... Ruth's answer touched my heart... :)
Also...
Web standards keep Mr. Zeldman in business. ;)
Web standards maximize this metric:
# of successful site viewers
---------------------------------------
cost of site development
Leaner, more accessible sites . But not always - certainly no panacea!
"Allows more people to access your website cheaper!"
Sounds pretty simple to me... I think we should start to learn how to talk to clients! :-)
Standards make life easier for creating sites and writing software that interoperates properly. Something MS needs to learn about.
"Saves you money!" - Clients love it.
First of all - why discuss this with clients? I never do.
You discuss business goals, marketing goals, image, brand, persons etc. with your clients.
The site is then built (by the contractor) in the best possible way in terms of usability, accessibility and web languages.
---
To answer your question:
It's more accessible, cheaper and interoperable to use standards.
---
""Allows more people to access your website cheaper!"
True in many cases, but web standards aren't the only method to skin that cat.
I'd argue that, for example, stripping useless decorative images out of pages is far more effective. (On that issue, ever tried viewing Zeldman's own Happy Cog with images turned off in IE6, Firefox, or Opera?)
Simple un-nested tables, meanwhile, still can present content to the widest variety of browsers. If you're forced to use Nutscrape 4.x due to whatever reason, and have to navigate sites where DIVs rule, isn't that an accessibility issue of a kind?
Too much hype in the whole web standards thing for my liking. That's not to say it's not a step forward, but too many treat it as a holy grail.
"Google is blind."
Cudgel slightly more anal-retentive use against those slightly less so. ( Thanks Devil's Dictionary)
Simple un-nested tables, meanwhile, still can present content to the widest variety of browsers.
Of course they can. Tables are a web standard.
If you're forced to use Nutscrape 4.x due to whatever reason, and have to navigate sites where DIVs rule, isn't that an accessibility issue of a kind?
The easiest way to support NN4 is to develop your site using semantic, clean markup. Style for all the fancy browsers and just deliver NN4 the accessible, semantic, clean content.
Enhanced accessibility
Easier to maintain or change
Faster to download
(10 Words)
Clients dont care, but hot net chicks do.
"The easiest way to support NN4 is to develop your site using semantic, clean markup. Style for all the fancy browsers and just deliver NN4 the accessible, semantic, clean content."
I don't want to get into a detailed debate about a broken tool that I would gladly consign to the scrapheap, but I've never understood how yer typical built, semantically-pure site is supposed to offer a decent experience to NN4 users and their ilk. It just doesn't - and for me that is an accessibility issue.
One thing is for certain: on the sites I look after (which, combined, form a very sizeable and varied international audience) NN4 usage dwarfs JAWS/Lynx usage. And yet many of the 'pure' CSS sites out there (and a prejudice against using tables for layout was obvious enough for Zeldman to criticise it once) seem to prefer to cater to the latter audience in some (misguided?) belief that CSS naturally delivers better accessibility. In my opinion that doesn't stand up to scrutiny at this moment in time, in part because old browsers are still more common than screen-readers, etc.
By the same token, I just don't get how so many CSS aficionados proclaim its superiority in terms of bandwidth and page-loading and then proceed to cram their pages with images, javascript, or plain old verbiage.
I think JF was bang-on the other week: CSS has become a fetish for too many people. Although, as ever, that's not a fault of the language itself. Or indeed of those who brought it to prominence.
That should say:
"yer typical <div> built, semantically-pure site..."
Bloody preview feature!!
Watch this. Neon pink headers, site-wide? Done. CSS rocks.
Simple rules for easy website development and consistent results
More ROI, accesibility and better performance - less work for us.
Web standards keep your site working even after you're long gone.
Your content matters -- make it extensible; give it longevity.
Webstandards gives you a defendable/measurable target in website quality
"I've never understood how yer typical built, semantically-pure site is supposed to offer a decent experience to NN4 users and their ilk"
Accesible is not the same as decent experience. It may not look as nice as in latest browsers, but you can still read what's there.
And talking about it: just get NN4.x and go around the web. Many, too many web sites built in "old way" still look crap. So that's the point of sticking to old methods?
"...seem to prefer to cater to the latter audience in some (misguided?) belief that CSS naturally delivers better accessibility. In my opinion that doesn't stand up to scrutiny at this moment in time, in part because old browsers are still more common than screen-readers, etc."
Looks like you don't get the main idea of CSS and content/presentation separation. How in the world CSS makes
site less accessible in older browsers? You just have your content in
good old html file. Styled or not styled - any browser can show it.
"By the same token, I just don't get how so many CSS aficionados proclaim its superiority in terms of bandwidth and page-loading and then proceed to cram their pages with images, javascript, or plain old verbiage."
Let me repeat: You just don't get CSS. Take any 'old school' page, and take a look at it's navigation code. Few items in menu can fill entire screen with TRs, TDs and so on. Then take any decent 'new school' page, and see plain simple UL there. Overhead is only 9 chars per menu item + some for
And not to be off-topic:
"Web standards increase efficiency".
oops, some noise in my signal. Sorry.
"Looks like you don't get the main idea of CSS and content/presentation separation."
Looks like you have a very narrow view of accessibility to me, as well as seeming to have swallowed a particular myth whole.
Presenting unstyled content to an audience makes that content harder to read, navigate through, print, whatever. That is a basic fact of web design. 'Content/presentation' should be separate, but they must also be brought back together ready for consumption. Concentrating on separation without thinking about bringing the elements back together is technical fetishism again.
To use a flawed example, it's a bit like presenting a blind reader with a braille copy of a book they've requested but neglecting to organise that braille copy in any meaningful way, instead just handing them over sheets of paper with perfectly written braille and telling them to get on with it. The original book is thus made 'accessible', but obstacles to fair, equal use still remain.
As for your point about the merits of <ul>s over <tr>s, etc. - I agree wholeheartedly. But 'new school' CSS design didn't invent lean, mean HTML code. It has been around for years and most web designers simply ignored it. I would no more use multiple nested tables to present a menu list than I would use @lt;blink@gt;. But then, I never have done. :)
"Looks like you have a very narrow view of accessibility to me, as well as seeming to have swallowed a particular myth whole."
Well, let's just agree, that what we mean different things by "accessibility". I won't go into this again as this has been discussed few days ago and Thomas Beakdal put it nicely.
Content/presentation' should be separate, but they must also be brought back together ready for consumption. Concentrating on separation without thinking about bringing the elements back together is technical fetishism again.
I can't agree more. But then again:
But 'new school' CSS design didn't invent lean, mean HTML code. It has been around for years and most web designers simply ignored it.
That's the buzz: let's stop ignoring. And let's face it - you cannot separate much having only HTML ;)
To sum it up: technologies do not make something accesible or usable by default. You can have a very good usable and accessible page built with HTML, and total crap built with XHTML/CSS, nothing new in that. In my opinion CSS provides you 'better way' to do it.
Switching technologies and way of work is the very good point to review what you are doing, how you are doing it, and why. Good point to break an inertia. And then you can improve.
I think, I will stop here, cause I think it is a bit off topic and overdiscussed elsewhere :)
Standardisation leads to increased interoperability and decreased development time.
Because next time you redesign, it'll be almost free, dude!
"Because next time you redesign, it'll be almost free, dude!"
I fear for the industry somewhat if that's how CSS is being sold!!
Rimantas: it appears that we agree more than disagree. I am all for CSS used well, and certainly welcome the 'new school' emphasis on increased accessibility, interoperability, etc. I just don't like the way that too many people hang on the every word of the CSS gurus, just as those who slavishly ditto Nielsen get on my tits!
but I've never understood how yer typical built, semantically-pure site is supposed to offer a decent experience to NN4 users and their ilk. It just doesn't - and for me that is an accessibility issue.
It depends on the site, but good, well formatted content is a fairly decent user experience. You don't have to kill all styles, either. You can certainly just use a different style sheet for NN4.
Presenting unstyled content to an audience makes that content harder to read, navigate through, print, whatever.
First of all, even NN4 has a basic set of default styles. If your navigation is a list, your content has proper headers, paragraphs, blockquotes, etc, then you have a very easy to scan page.
Can you show us an example of a CSS based site that you think becomes unusable in an CSS-less browser?
Here's an example for my side of the argument:
http://www.baekdal.com/example.asp
Looks great. Now turn off CSS. Doesn't look great, but it's very clearly organized, labeled, and accessible. I can GET to the content quite easily.
To use a flawed example, it's a bit like presenting a blind reader with a braille copy of a book they've requested but neglecting to organise that braille copy in any meaningful way
No, it's not. Semantic markup *is*, by very definition, content organized in a meaningful way.
forward thinking, backward compatible, fast and efficient solutions for websites.
Easier to maintain, meaning less future costs.
"Semantic markup *is*, by very definition, content organized in a meaningful way."
I did say that my example was flawed. ;)
However, I disagree that semantic HTML is inherently well organised. You can have perfectly valid, semantic HTML that still doesn't offer anything near the usability of a normal layout - which constitutes an obstacle to use in my opinion.
If you want to present a sidebar menu (because you're trying to abide to Fitts's Law and want your menu options as near as possible to the active viewing area for example) then you have a choice to make if you also want to avoid all tables for layout in some CSS heaven. The underlying code may be flawless, but what will the sighted user using a visual browser care about that if the page necessitates constant scrolling up and down just to move about?
Look, I work for an organisation where NN4 is still (sadly) used by hundred if not thousands of employees whose PCs are not going to be updated any time soon, new web browsers being low down on our hospital's priorities. Increasingly I have to deal with complaints that certain sites (http://www.salford.ac.uk/ has cropped up a few times - you wanted an example!) are 'difficult to use', 'broken', 'make no sense'.
I know that CSS layouts are a good thing, overall, for the evolution of the web. But a bit less zealoutry would be welcome because a significant number of people are still stuck with crappy browsers - two years after Zeldman's promotional burst. The same kind of sympathy should be extended to them that is extended to JAWS users, etc.
I mean, what in the end is wrong with laying out your page in a single, simple HTML table that presents the same basic order of elements for the widest audience, and using CSS for the more optional, more advanced styling techniques? Why has the purist DIV approach got such a stranglehold? What am I missing?
Jonny ... Hmmmm ... did you post ten words, or just some power of ten?
:-)
However, I disagree that semantic HTML is inherently well organised. You can have perfectly valid, semantic HTML that still doesn't offer anything near the usability of a normal layout - which constitutes an obstacle to use in my opinion.
Sure. I agree. But realize that a plain-jane semantic HTML page is often going to me much more usable that a lot of the stuff out there that has been smashed into tables for NN4's sake.
There's exceptions to both of our arguments. That said, I'd still suggest that focusing on the clean, semantic markup first, will often result in a usable version of the site for almost anyone and that a bit of CSS can help the layout a lot for something like NN4.
Look, I work for an organisation where NN4 is still (sadly) used by hundred if not thousands of employees whose PCs are not going to be updated any time soon
You realize that I can take clean, semantic HTML and still use CSS to stick a navigation column on the right in NN4, right?
I mean, what in the end is wrong with laying out your page in a single, simple HTML table that presents the same basic order of elements for the widest audience, and using CSS for the more optional, more advanced styling techniques?
Not much. I use that technique still today.
The one drawback is that you are forcing a specfic content order for ALL browsers in that case. And that can be a problem when you often need/want to show different orders for visual browsers, audio browsers, PDA browsers, and text browsers.
Jonny Roader said...
I mean, what in the end is wrong with laying out your page in a single, simple HTML table that presents the same basic order of elements for the widest audience, and using CSS for the more optional, more advanced styling techniques? Why has the purist DIV approach got such a stranglehold? What am I missing?
I use my Pocket PC frequently for browsing when I have a connection away from my office. What's wrong with your "simple" table is that I end up having to scroll every line horizontally to read the text. The more I use "alternate" devices such as handhelds the more I appreciate tableless designs. I'd far rather have to scroll down either past navigation or to get to the navigation than have a wide table (wide in the context that my screen only has 240px available) to scroll line by line.
Web-standard markup lets browsers know what you really mean.
Web standards are twice the fun, and half the price.
"I use my Pocket PC frequently for browsing when I have a connection away from my office. What's wrong with your "simple" table is that I end up having to scroll every line horizontally to read the text. The more I use "alternate" devices such as handhelds the more I appreciate tableless designs. I'd far rather have to scroll down either past navigation or to get to the navigation than have a wide table (wide in the context that my screen only has 240px available) to scroll line by line. "
But that's precisely my point about Netscape users and table-less designs - too much scrolling. Horizontal scrolling is ugly and counter-intuitive, but then scrolling vertically up and down whole screens when you're used to not doing can be plenty painful too. Like I said, I have fielded enough complaints within my organisation that attest to this.
But I take your point. And Darrel, believe me that I don't like 'forcing a specific content order for ALL browsers' - but I have thousands more Netscape users than users with alternative devices and it's the easiest way to cater for them. Due to my own limitations (and the crappiness of NN4) I have never been able to get a pure CSS layout working less than awfully in that browser - I'd be very interested if you could post an example of a suitably unmangled design that works well elsewhere.
Don: you know me, never use ten words when 10,000 will do! Besides, my ten word attempt is above.
" but I have thousands more Netscape users than users with alternative devices"
Well, there you go...server the needs of your particular audience.
As for CSS with NN4, it's best to server up a separate style sheet and use absolute positioning.
Efficient, standardised code gives you a better search engine ranking.
10 words :D
my attempt in 10 "words":
----
<link rel="stylesheet" type="text/css" href="explain.css"/><div>simplicity!</div>
----
contents of explain.css:
----
div:before {
content: "A set of rules for constructing content for the web. These rules make it easier to build and change your pages, easier for browser vendors to create browsers that do what you expect them to, and all end users to get at your content. Pure "
}
make more money and spend less money
What is your alternative?
Defend it.
(Four words to spare.)
Ever had to do a corporate rebrand? Ever had a CEO decide that the company blue needs to be company mauve? Ever had your brand department win the battle to remove the intrusive trademark sign from the logo?
Easy to do with standards. Although if the CEO finds out that changing the colour is easy to do you're in trouble...
It's not just a good approach, it's a modern approach.
'Set of global rules for proper presentation'
The reason that many people shun NN4 is because of its dwindling user base and poor support of standards. It will only get smaller, not bigger, while people using other platforms to access the internet (ie pda, mobile phones, fridges etc...) will only increase.
And an easy way to have this information available to this audience that may not have CSS support is to just provide the content without the presentation. This can be achieved more easily with stylesheets.
What I find interesting is that lots of folks are giving pet/preferred reasons, but not so many are providing reasons that would matter to clients.
Most of the answers pertaining directly to the original inquiry point to site TCO. Duh.
Let me go about the answer anecdotally:
I've read from many sources, both within and without Holland, that English is a ubiquitous second language in NL. Ditto with Switzerland. And apparently, in both countries multinationals tend to communicate interdepartmentally... in English.
Web standards are worthwhile to clients for the same reason English is the lingua franca of the business world: every part of the system, the content, the structure, the logic, have standards as that central point of reference that makes it possible for new and old production to be interchangeable.
For those who haven't figured it out, the interchangeability and extensibility makes tremendous breadth possible, as others here have pointed out.
Thence stability and a good foundation for progress.
...But because the world is full of people who like what they know and know what they like, not everybody is interested in stability or progress for everybody, just for themselves.
Just sayin'.
Hooray for the spirit of community!
Oh, ten words or less...
They [Web standards] make dissemination of information to the entire audience possible.
I'll let the managers and marketers figure out the implications of that.
I think I'm hearing an echo.
Reaching every potential consumer effectively with a lower TCO sucka.
TCO (one word, ha) Total Cost of Ownership...
ok dudes, you may hate Zeldman or love him, that's not the point...
read the newest ALA and you will see that you can even use plugins in your page with standard valid strict XHTML code...Flash...hmmmm
and as far as valid code being the end all, dudes, learn how to design also...be a programmer and a designer...make it usable...think of your audience...if your audience is NN4 then fine...dudes do your job well...i love talking to people who are servants to they audience and their clients effectively...
be subservient sucka
Clients want the newest, hippest thing at all times.
Creates separation between content and layout for systematically rich design.