Logo
  • PHP
    • HipHop / HHVM
    • Modern PHP
    • PHPStorm
    • LAMP
    • Laravel
    • Composer
    • PDO
  • JavaScript
    • node.js
    • AngularJS
  • CSS
    • SASS
    • “CSS4” (CSS level 4)
  • HTML
  • Git
  • LAMP
  • Vagrant
  • UI / UX
  • Architecture of …
  • Off-Topic
With ♥ from Berlin
January 21, 2014
Chris
Accessability
Comments Off on How blind people use websites (video with Sina Bahram, blind accessibility researcher)

How blind people use websites (video with Sina Bahram, blind accessibility researcher)

PreviousNext

162 million people worldwide are blind or visually impaired at a level that does not allow to read texts. An unbelievable high, but official number. And a significant (and demographicly increasing) percentage of these people is using websites, exactly like everybody else. Communicating, shopping, news-reading, movie-watching, downloading stuff. These who are not using the web live under poorest conditions, are very old ((semi-)blindness is a typical senior’s desease) or have serious mental handicaps. This leads to a very interesting question: How do blind people use the web – and what can we (as developers) do to make blind people’s web activities much easier ?

This video shows (one possibility of) how blind people use the web; note that this really sympathic guy (Sina Bahram, an accessibility researcher, find his twitter feed here) reads everything in an awesome speed – much faster than non-blind people are able to read websites (!). Sina also shows a hard-to-read page, full of HTML table markup used for layouting, not for showing a real table. This is probably the best example ever to prove why it is and always was bad to use tables for HTML layouts. Excellent stuff, every developer should see this.

The situation of readable websites is by the way, as far as I know, not as bad as it sounds (literally!): Because HTML was built to be readable by machines. The problem is when developers misuse HTML tags, creating websites in a visual way, not in a technical-structual one, or when JavaScript is used to do more than just “additional” stuff (more on that in another article). The W3C’s Web Content Accessibility Guidelines 1.0 from 1999 give an nice insight into how accessable sites should really be like, this guideline here also shows how to optimize websites for screenreaders, take the time and read this, just one time, because it’s important.

Interesting side-fact: Did you ever wondered why most websites of public services, like governments, universities, police, NGOs, etc. look like back in 1996 ? Exactly! Because they are as accessable as possible! No JavaScript, no fancy layout, just pure information. And by the way, here in Germany we have really strong Inclusion laws that oblige developers to make websites of public services 100% accessable for everybody. A correct step! With the rise of JavaScript this will become critical, as dynamic page content is hard to read and hard to put into context. This is super-interesting, when there’s time, then I’ll write a follow-up article on this topic.

For further reading: http://accessibleinsights.info

And another interesting YouTube clip: How blind people use the Web (shows usage of Facebook!)

Final note: I think I broke a lot of accessablity guidelines within this article. If blind or visually impaired people read this: Sorry guys, I promise that my next article on this topic will go deep into details and fulfil every possible accessability rule. ;)

 

accessabilityCSSHTMLHTML5JavaScriptJSsidebar-specialw3c
Share this
hack-php

The first micro framework written in Hack is there: hack-mvc !

It has been just a few months ago Hack has been first announced, but some awesome people have already developed

pdo-debug

Debug PDO with this one-line function. Yeah!

Update: This article is a little bit older, the tool has changed gently. Everthing this article still works exactly like

Compare 250+ cloud server plans with Cloud Cost Calculator

How cool is that ? The Cloud Cost Calculator compares more than 250 cloud server plans of Amazon, Rackspace, DigitalOcean,

set up a local virtual machine for development with vagrant and puphpet / puppet (and ubuntu, linux, php, apache, mysql)

A list of downloadable Vagrant boxes (CentOS 5.9 / 6.4, Ubuntu 12 / 13, Debian 6 / 7 / 7.1 / 7.2)

Offical boxes (directly from Vagrant) Ubuntu 12.04 LTS 32-bit http://files.vagrantup.com/precise32.box Ubuntu 12.04 LTS 64-bit http://files.vagrantup.com/precise64.box   Boxes from puppetlabs.com Seems

hiphop php

Vote for “Hack” for HipHop/HHMV support (future style PHP) in PHPStorm 8

“Hack” will come. And “Hack” will change PHP, definitly. In case you never heard of it, have a look into

This is an experimental advertisement

The blogosphere is full of annoying flash banners, GoogleAds and questionable product placements. So… let’s try out something new. :)

php ide

Sitepoint asks for your favourite PHP IDE – take part!

Bruno Skvorc ask for your favourite PHP IDE in this new article on Sitepoint. If you use one, then take

php

How to install PHP curl extension (in 5 seconds)

It’s a common wordpress problem: PHP’s curl extension is not installed! No need to mess around in config files etc,

cheap cloud server php

DigitalOcean rolls out interesting feature: Transfering server snapshots directly to the client’s account

Today DigitalOcean has rolled out a quite interesting new feature: You are now able to transfer a server snapshot (which

Beautiful, minimal WordPress theme ZUKI by Elmastudio (with 30% discount)

First a little disclaimer: I’m not affiliated with the company, don’t get money (or anything else) for saying this and

1/4

Categories

Search

php
PHP 5.6.0 RC1 is available
Create a fast, perfect and bootable 1:1 Windows backup (full clone of HDD) for SSD migration
css4
Angelina Fabbro talks about “CSS4” in this excellent conference video
php
How to prevent PHP sessions being shared between different apache vhosts / different applications
bash-command-line-tutorial
Best introduction to unix command line / bash ever (by André Augusto Costa Santos)
php
How to install sqlite driver for PHP in Ubuntu & Debian
pdo-debug
Debug PDO with this one-line function. Yeah!
git-php-deployment
Extremely simple deployment with PHPloy
hearthbleed-ssl-bug
The SSL Heartbleed bug explained in 30 seconds
Adobe releases Firebug-like developer tools to edit and extract PSDs
php
How to setup / install PHP 5.6 on Ubuntu 14.04 LTS
cheap cloud server php
DigitalOcean rolls out interesting feature: Transfering server snapshots directly to the client’s account
This is an experimental advertisement
laracon-2014-eu-amsterdam
Laracon 2013 – Kapil Verma: Engineering Complex Applications with Laravel 4 (40min video)
hiphop php
HipHop VM reaches 100% green Unit Tests in Laravel, Drupal, Slim, CodeIgniter etc.

Tags

apache bash centos composer conference coupon CSS debian fonts framework git GitHub hack HHVM HipHop HTML HTML5 IDE JavaScript JS LAMP laravel linux mod_rewrite MVC MySQL Nginx optimization PHP PHP 5.5 PHP 5.6 phpmyadmin PHPStorm security server SSD Ubuntu UI UX vagrant video virtual machine voucher VPS wordpress
Side-Project: Wordle-Solver:
www.wordle-helper.info

Pages

  • Privacy Policy