Wednesday, November 24, 2010

Yes, Troy McClure have read WCAG ;-)
The objective of this technique is to demonstrate how CSS can be used to replace structured HTML text with images of text in a way that makes it possible for users to view content according to their preferences. To use this technique, an author starts by creating an HTML page that uses semantic elements to mark up the structure of the page. The author then designs two or more stylesheets for that page. One stylesheet presents the HTML text as text and the second uses CSS features to replace some of the HTML text with images of text.
Where possible, authors should deliver the presentation that does not include images of text as the default presentation. In addition, the control used to switch should be located near the beginning of the page.
keep reading samples and:
The CSS for the presentation that includes images of text follows. Note that the CSS uses positioning to place the contents of the heading elements offscreen so that the text remains available to screen reader users.

P.S: Troy McClure: "He was a star in the early 1970s, but his career went downhill:..... I'm younger does not fit.
P.P.S: Sorry for quoting newer version 2. I know w3 does not like to promote it very much ;-)))

A better(????) way to author alternate text The real function of alternate text

I have read this
since it apeared in my twitter few days ago.

Pure bullshit ! Sorry folks. Image should be used for "Content"
and ALT should really represent content, so it SHOULD describe what is on the image.

For "trick" like heart image, button image etc...

we are talking about

alternate graphical representation for text
not alternate text representation of graphical image content.

So it is all wrong from the begining
from the very markup point of view.

Use any reasonable tag to encapsulate text and style it using CSS.
It can be ABBR if you text contains shortened form like heart pictogram,
or use A HREF if you want to link as well, STRONG,
or use SPAN in the worst case.


save the document by pressing <img alt="save button">


save the document by pressing <span class="img-as-text save-btn">save button</span>.

heart example would look like:

Tuesday, November 16, 2010


almost unbelievable
what someone is willing
to do for "rounded corners" ;-))

Monday, November 15, 2010

GWT real-world-projects and Validator

I tried to find out who is using GWT. Instead of writing
google dork which could show-up random lame implementors,
I have used offical chosen GWT showcase:

Lets see how they fit into w3.validaton:

Google Moderator = 11 Errors

Go Frid = 40 Errors, 18 warning(s)

Lombardi Blueprint = 28 Errors, 18 warning(s)

etc. etc...

So is it really so difficult to create GWT page passing w3 validation ? Or is it again just bad use of framework by "web ignorants" ?

P.S. No real analysis performed, sorry, no more time to waste tonight

Saturday, November 13, 2010

The Art & Science of JavaScript

The WORST book I have ordered and read this year !

Sorry for not being constructive and writing some detailed review, but I choose beer with friends instead.

Can not recomend unless you want to find what CUTTING-EDGE, INSPIRATIONAL and IMPRESSIVE and AMAZED is ment by sitepoint publisher.