Skip to search Skip to main content

Does the <body> rule the mind or does the mind rule the <body>?

How to start a Web Project with Accessibility in Mind?

Posted

Updated

But you’re in the wrong skin
And the skin that you’re in says
Oh, let it begin
And earth is the loneliest planet of all

Morrissey, “Earth Is The Loneliest Planet”

So you want to start a web project and accessibility is one of its core requirements? Here is an overview of stuff you might want to consider before you write a single line of code. Those are things I came across with a lot of web projects and I wished I had considered earlier.

Indecisive Skip Links and their Targets – the Renaissance of the <hr> Element

Posted

Updated

Do not forget
They tried to turn you
Into a public target

Morrissey, “I am not a Dog on a Chain”

Sometimes, it is easy to identify the position of skip links. Mostly when content blocks follow with a lot of interactive elements, or just a lot of content. But what about their target? Do you always know where to skip to? Do you know what follows your widget, component or element? There are many articles about skip links, but none about their targets. Maybe this is the first…

Accessible Content – Part 4: meaningful Link Texts

Posted

Updated

All of the things you said
So meaningful
They are all so suddenly meaningless

Morrissey, “Roy’s Keen”

Links are the foundation of the web. They are the essence of modern information. This is why it is important to follow some easy rules to guarantee a good link user experience.

Accessible Content – Part 1: unique and informative Page Titles

Posted

Updated

Can you squeeze me
Into an empty page of your diary?

Morrissey, “Hairdresser on Fire”

Let’s start where it all begins: the page title! That’s at least, where all websites “begin”. Page titles, for example, always appear first in search results and already make it possible to distinguish them from other search hits.

An accessible microinteractions button

Posted

Updated

Any man could get used to
And I am the living sign

The Smiths, “Vicar In A Tutu”

Microinteractions consist of the subtle feedback moments in small single tasks, for example a light switch. The light bulp itself returns the feedback immediately after the switch is used. Another example might be vibrating cellphones when you receive a message. This haptic feedback is so powerful you even feel it, if the phone is in your pocket.