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 3: Structuring the Page with semantic Elements

Posted

Updated

When your name’s with the best
Will my name be on your guest list?

Morrissey, “Lucky Lisp”

Some contents require special structure and preparation. These should then also be packaged in the HTML elements provided for this purpose. Every text editor of a modern content management system or blog software helps you to do this without having to understand the exact syntax.

Accessible Content – Part 2: Headings for a better Page Structure

Posted

Updated

Steely blue eyes
With no love in them
Scan The World

Morrissey, “America is not the World”

You should be breaking up large texts in smaller chunks with headings!

Your contents should be grouped hierarchically and thematically with headings and subheadings. This creates a clear table of contents for the page and facilitates navigation on the page. As soon as a new paragraph is started, a suitable heading should be considered. This makes it easier to roughly “scan” the text.

Accessibility Issues concerning Windows High Contrast Mode

Posted

Updated

And in the darkened underpass
I thought oh God, my chance has come at last
(but then a strange fear gripped me and I just couldn’t ask)

The Smiths, “There Is A Light That Never Goes Out”

There is more to Web Accessibility than screen readers and machine readability. One of the more excotic topics there is user preferences via operating system or user generated style sheets. The more commonly known was introduced by Microsoft with Windows 7:

Windows High Contrast Mode (Win HCM).