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

Adobe releases Firebug-like developer tools to edit and extract PSDs

A big step in frontend-development: According to this presentation on Adobe Max 2014 Adobe has just released a very interesting

bash-command-line-tutorial

Best introduction to unix command line / bash ever (by André Augusto Costa Santos)

angular js

Learn AngularJS in 20 (or 90) minutes with Dan Wahlin

Definitly two of the best and most up-to-date short-introductions into AngularJS: Dan Wahlin shows how to build a full little

How to setup a config-free WordPress, PHP and MySQL (for local development) in Windows 7 / 8 in under 3 minutes

If you need to setup WordPress for local development and don’t have time and nerve to go through the installation

laracon-2014-eu-amsterdam

Laracon 2013 – Jordi Boggiano: In Depth Composer (47min video)

More videos of 2013’s and 2014’s Laracon events from US and EU on their Youtube channel.

O’Reilly sells EVERY ebook for -50% right now!

A good chance to grab some IT books: O’Reilly sells every single book in their portfolio with a -50% discount

php-phalcon-logo

Which PHP-framework to learn in 2014 ? PHALCON, by far the fastest ever!

Hey guys, just a short little article between the years: If you have the possibility to learn and use a

Frontend Ops Conf 2014 – Sarah Goff-Dupont: Git, Continuous Integration and Making It Pretty (31min video)

phpstorm 7.0 php

How to debug code on a remote server (or in vagrant box) with PHPStorm

Please also note: There are several methods to do remote debugging. This is the one that works without any browser

mod-rewrite-ubuntu-14-04-lts

How to enable mod_rewrite in Ubuntu 14.04 LTS

A little note first: This is the most basic way to enable mod_rewrite. However, it’s not the best way. The

1/4

Categories

Search

ubuntu-14.04-lts
First view: Ubuntu 14.04 LTS brings PHP 5.5 and Apache 2.4
sass
[german video] Modernizing and minimalizing frontend markup code at AutoScout24
php mvc
Preview-release of (my) “php-mvc” project (a simple php mvc barebone)
MINI2, an extremely simple barebone PHP application on top of Slim
vagrant
A preinstalled Vagrant box with PHP HipHop / HHVM and Ubuntu 12.04 (Precise Pangolin)
PHPMyAdmin not found after installation ? Here’s a fix (Ubuntu 12.04) !
php uk conference
PHP Opcache Explained by Julien Pauli (video from PHP UK Conference 2014)
Useful basic linux stuff: Show kernel version, distribution name and distribution version on Ubuntu systems
DEF CON 18 – When your computer got stolen and you can still SSH into it: “Pwned by the 0wner” (22min conference talk)
vagrant
How to setup a (or multiple) server/LAMP-stack inside a virtual machine for local development with Vagrant and PuPHPet
The New Era of JavaScript (28min conference talk, Jack Franklin, 2013)
This is an experimental advertisement
composer
A short & simple Composer tutorial
php-legacy-code
Interesting talk on modernizing a legacy PHP codebase
Install Laravel 4 on Ubuntu 12.04 LTS (a how-to tutorial)

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