Unintentionally Blank

Web standards are the backbone of the internet these days. Well built, good looking sites with semantic, valid mark up for the content and CSS controlling the design mean that pages render as they should for all users. Thanks to the W3C the web is a better place for all of us. Or is it?

Continue reading “How Many Web Designers Does It Take To Change A Lightbulb?” »

Accessibility is not just about blind users who use screenreading software to hear websites. More than a year and a half ago Joe Clark wrote an article for A List Apart under the name Big, Stark and Chunky. It brought to light a different group of web users that need to be considered when making your site accessible. There are groups of users who aren’t blind, but do have visual impairments, they don’t use screenreaders, instead tend to increase the text size on websites or use magnifiers to view the web. Joe’s article goes on to describe how a site should be designed to accomodate these users and how CSS can help. Light on dark text, single columns, simple navigation and large fonts are the keys to the design we need.

In order to increase awareness of these techniques (and show off my own style sheet switcher) I tore apart my site’s design today in order to come up with a high contrast design that would be more accessible for visually impaired users. Continue reading “High Contrast Design” »

Being relatively new to the web standards scene, and especially since I was drawn in by marvels such as the CSS Zen Garden, I have read over the many different ways of replacing text with an image. Time and time again I was disappointed with each method for one of two reasons; it used an extra empty span element or would not work in the “images off/css on” scenario. Using an extra span is unsemantic and “images off/css on” left a gap where either the image or text should have gone.

Continue reading “Image Replacement - Getting Closer?” »

I recently came across some problems whilst posting code on this blog. I was showing the javascript for my font sizing and stylesheet switching scripts and found that it was often awkward to format and display the code properly, even though I am using styled code tags around it.

The Problems

Indenting, line breaks… all the formatting that I had applied to make the code clearer to myself disappeared. Then I remembered the HTML element that retains that formatting; the <pre> (preformatted text) element. Using <pre> instead of <code> would make the script appear clearer and easier to understand. However, semantically the code element Designates a fragment of computer code. I want my markup to remain as meaningful as possible so what is the solution?

Continue reading “<code> and <pre>: Semantic Code Markup: A Quick Tip” »

You have created a site, hand-coded it to perfection in your eyes, but you are missing something. Something that every other web designer in the world has done before*. You have forgotten to alienate a subsection of Internet surfers by including some of the tricks below.

* may only apply to me

Continue reading “Making A Site Inaccessible - Things I Used To Do” »