Overdoing accessibility | 456 Berea Street
Sometimes when people first learn about Web accessibility they look for quick ways of improving the sites they build. This often leads to misuse or overuse of certain HTML features that are meant to aid accessibility, but when used wrongly have no effect and can actually have the opposite effect by making the page less accessible and less usable. Many of the commonly misused accessibility features
Helping your client maintain markup quality | 456 Berea Street
One thing that is particularly frustrating with caring about Web standards and accessibility is what often happens after your work is done and a site is handed over to the client. I’m sure most of you have been there. Despite your hard work to educate the client’s editor(s), regardless of the style guide you wrote, and no matter how much time you spent patching the CMS they use, there will be prob
Safari/WebKit has a new Web Inspector | 456 Berea Street
One of the new things in the Safari 3 beta is that Safari now has a very useful developer tool called the Web Inspector. The Web Inspector is opened by right-clicking and selecting “Inspect Element” from the contextual menu, and provides some of the features that the Firebug extension does for Firefox, but not nearly as advanced (yet). The Web Inspector is currently Mac-only as it is not available
Why styling form controls with CSS is problematic | 456 Berea Street
As someone who has spent lots of time taking screenshots of various CSS applied to form controls, I know that styling form controls consistently across browsers and operating systems is impossible. If you don’t know what I’m talking about, have a look at Styling form controls, Styling even more form controls, and Styling form controls with CSS, revisited. In the discussions following those article
Styling form controls with CSS, revisited | 456 Berea Street
Over two years ago, in September 2004, I posted an article called Styling form controls. My intention with that article (and its follow-up, Styling even more form controls) was to show that attempting to use CSS to make form controls look similar across browsers and operating systems in an exercise in futility. It simply cannot be done. Since discussions about applying CSS to form controls continu
Fixed or fluid width? Elastic! | 456 Berea Street
A question many web designers ask themselves each time they start working on a new project is whether the site should use fixed or fluid width. The debates on the subject are many and sometimes heated. This is not one more of those debates. Instead I'll explain how I combined some of the benefits of both fixed and fluid layouts when redesigning this site. The result is an elastic width layout, a c
Print-friendly CSS and usability | 456 Berea Street
The CSS media type “print” allows authors to specify a stylesheet that is only used when printing. This can be very useful and allows for neatly styled printouts that hide non-essential parts of the page and only contain the main content. It’s a great concept. The problem is what users expect. In my experience, many people expect what comes out of the printer to match what they see in their web br
Build your own PHP style sheet switcher | 456 Berea Street
Want to have a style switcher that lets your site's visitors choose a different style sheet? Want it to work even if there is no JavaScript support? The trick is to use a server-side language like PHP, which is what I used to use for my style switcher. Note: I have now taken the style switcher offline since I kept forgetting to maintain multiple stylesheets. It's not because having a style switche
456 Berea Street: Articles and news on web standards, accessibility, and usability
Hiding inline SVG icons from screen readers Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG. There are many tutorials and guides that describe different ways in which you can use SVG icons, which is great. I do however see an issue related to accessibility pop up now and again, so I’d like to share a little tip about that. Posted on September 30,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE 7 does not resize text sized in pixels | 456 Berea Street
How did you get into Web accessibility? | 456 Berea Street
The Dutch accessibility law is awesome | 456 Berea Street
Seven accessibility mistakes you don’t want to make | 456 Berea Street
Skip links: visible or hidden? | 456 Berea Street