Have your cake and eat it too

Accessibility and usability for marketeers and designers.

By Wilfred Nas, download here

Have your cake and eat it too

Accessibility and usability for marketeers and designers.

By Wilfred Nas

Short introduction

Wilfred Nas
Front end developer
since 1995
I made all the mistakes shown tonight
and some more...

By Wilfred Nas

Hanlon's razor

Never attribute to malice that which is adequately explained by stupidity.

10 minutes is
too short

Matters I will touch

Speed and webfonts
Accessibility
Size matters
and some more...

Speed is everything

Design is everything...

So sorry, but I am 44 years old

And I don't want to resize text...

And we love
fancy fonts

Right?

Far more important,

Then stuff like...

text or content

Far more important, right?

Webfonts

360 kb of webfonts (7 different ones)

7 (seven) extra connections to the server

for 360 kb of webfonts (7 different ones)

7 (seven) extra connections to the server

make on avarage 1400 ms of extra connection time...

Your cookies get sent with every request from the same domain...

Speed...

+100 ms
Amazon: 1% drop in sales
+500 ms
Google: 20% fewer searches
High performance websites

We saw 4 times that...

Accessibility

If you don't see, this makes no sense...

Everybody can see, right?

otherwise this form is broken.

Code

			<input type=text >
			<input type=search >
			<label for=search>Search</label>
<input type=search id=search >

Code

			<input type=text value="Zoekterm" >
			<input type=search placeholder="Zoekterm" >
			<label for=search>Search</label>
<input type=search placeholder="Zoekterm" id=search >

25% of your users have some disability...

Size matters

A power house with a whopping 1024 x 768 pixels.

Try resizing

Some more...

Content is king

HTML is pretty accessible

Add CSS to it
and Javascript

If your story doesn't make sense without styling,
maybe you are telling the wrong story...
Wilfred Nas

Questions?

follow me on twitter @wnas