The Web should be made accessible to as many people as possible, regardless of any disabilities they might have.
The outline algorithm in HTML5 lets you use only h1 elements for all heading levels and still get a proper document outline. But browser and AT support is lacking, so use with care.
Ethan Marcotte’s book on designing for an ever-increasing variety of browsers, resolutions and screen sizes is a must-read for all web professionals.
Enabling the Zoom setting (in Settings > General > Accessibility) on iOS makes it possible to zoom normally on web pages that use a meta viewport element to prevent zooming.
No social media sharing widgets that I know of are keyboard friendly, and most use obtrusive markup. Anyone know of an accessible, unobtrusive option?
Some people argue that checklists should not be used when evaluating accessibility. I think they work fine when used right.
iOS has a Zoom feature that lets you zoom the entire screen and comes in handy on web sites and apps that use small text and disable user scaling.
The contents of the title attribute in HTML is difficult or impossible to access in current browser implementations if you do not use a mouse.
Keyboard accessibility really is not that hard to get right, but many, many web developers do not seem to think about it. Here are some simple guidelines that may help.
My current thinking on document outlines in HTML5 and how and when to use the new sectioning elements, all with HTML4 compatibility in mind.
Many restaurant websites suffer from bad usability problems. Never said about restaurant websites highlights some of these by using quotes of things people won’t actually say.
Using CSS to change the display order of content without also changing the order in the HTML source can cause accessibility issues and should be avoided.
iOS has great potential for accessibility, but application developers need to do their part to make their apps fully accessible. Fortunately it seems pretty straightforward.
Using display:table to center a page layout vertically works in most browsers. There is an unfortunate issue with some screenreaders to be aware of though.
Getting the document outline you want is not as easy as you might think if you want to use the new sectioning elements in HTML5.
DanKam is an augmented reality app that uses the phone’s camera to filter images in real time, changing their colours to make them easier to see for colourblind people.
A few simple guidelines that will help you create readable, usable, and accessible titles for your web pages.
It may not seem obvious why drive-through ATMs would have Braille keypads to enable blind persons to use them. But once you know the answer it’s quite simple.
Safari for iOS doesn’t offer text resizing. Two third-party browsers that do are iCab Mobile and Atomic Web Browser, both of which also reflow text after a font size change.
Text set in all uppercase letters may slow readers down and may cause some screen readers to spell words out letter by letter. Use good judgement when capitalising text.
Page navigationPage 1 | Page 2 | Page 3 | Page 4 | Page 5 | Page 6 | Page 7 | Page 8 | Page 9 | Page 10 | Page 11 | Page 12 | Page 13 | Page 14 | Page 15 | Page 16 | Page 17 | Page 18 | Page 19 | Page 20 | Page 21 | Page 22 | Page 23
Subscribe / follow
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost