All posts with the tag of CSS

Inline styles and why they are considered harmful for accessibility

Since the mid 1990s web developers have had an ever increasing amount of control over the presentation of the web pages that they develop. This is largely due to the introduction of CSS (cascading style sheets) and its adoption amongst major browser vendors, both past and present. Although the adoption of the CSS specification has not been without issues it has made it possible for web developers to build visually imaginative and engaging web pages and user interfaces.

Hiding content

In this post I will identify some of the common techniques that are used to hide content and will attempt to identify the implications of using these techniques. I will also attempt to identify appropriate situations in which each technique could practically be put to good use. All of the techniques that we have identified below have been tested with Jaws 12 and NVDA 2011.1 using Firefox 4, Firefox 5 and Internet Explorer 8. In addition the examples were tested with voiceover on Apple OSX 10.6.4 with Safari.

Detecting font smoothing with JavaScript

A look into how we can detect font smoothing using JavaScript to improve visual styling for different users.

Using HTML lists

HTML lists are simple but extremely useful. Like HTML headings, they help give semantic meaning to information on a web page. Coded correctly, lists also give screen reader users important insights into the nature of the content they’re exploring.

Using CSS focus pseudo class

Focus is one of the lesser used Cascading Style Sheets (CSS) pseudo-classes. People familiar with CSS should be aware of the more commonly used pair, link and visited, but will often find that the focus and active pseudo-classes have been missed out. This article aims to explain why they are important and how they can [...]