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

MINI, an extremely simple barebone PHP application

For my daily work I often needed to setup super-simple PHP applications, just some more or less static pages plus

phpstorm-8

When PHPStorm’s cache eats up your harddisk space

I recently stumbled over this: By default PHPStorm (obviously in all versions since 1.0) creates a local history of all

vagrant

A preinstalled Vagrant box with PHP HipHop / HHVM and Ubuntu 12.04 (Precise Pangolin)

This is the same post like this one, but this time with Ubuntu 12.04 Precise Pangolin. If you need to

[Link] Interesting: Designing a Nuclear Waste Warning Symbol That Will Still Make Sense in 10,000 Years

Interesting article for everybody with a faible for UI/UX: Slate – Designing a Nuclear Waste Warning Symbol That Will Still

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

php

PHP 5.7 gets refactored core, is 10%-30% faster than PHP 5.5! Wow!

What an announcement! The awesome PHP core guys have refactored the Zend Engine (which drives PHP) and could successfully speed

compress-png

Compress png, jpeg, gif and svg up to 90% with Compressor.io

What a fantastic tool: Compressor.io is a totally free service that let you compress png, jpeg, gif or svg files

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

composer

[Link] How to require versions of PHP, HHVM / HipHop, GD, curl, openssl etc. with Composer

Jeremy Kendall has just published a short and excellent overview on how to require versions of PHP (and explicit 64-bit

github-logo-octocat

GitHub rolls out .PSD diff and viewing

Good news for frontend designers / developers working with Photoshop a lot: GitHub has just rolled out native .psd support:

1/4

Categories

Search

vagrant
A super-simple Vagrant LAMP stack bootstrap (installable with one command)
php
How to install the mcrypt php extension (to use Laravel 4)
What’s new in PHPStorm 10 (Official promo video)
php-7
PHP 6.0 will be PHP 7
vagrant
How to setup a local server (in a virtual machine) with Vagrant in PHPStorm
php
Postmodern PHP: appserver.io, a multithreaded application server for PHP, written in PHP
october cms
October CMS, built on top of Laravel, is beautiful, clever and on the way to be the new #1 CMS
phpstorm 7.0 php
A perfect video tutorial to get started with xdebug in PHPStorm
digitalocean coupon
Free $10 coupon for DigitalOcean SSD cloud VPS hosting
Dangerous Performance Myths in the Web (video talk by Thomas Lohner, PHPUG Latvia)
This picture shows the icon of blindness
How blind people use websites (video with Sina Bahram, blind accessibility researcher)
php ide
Sitepoint asks for your favourite PHP IDE – take part!
php
How to install PHP 7.0 on Ubuntu 14.04 LTS
php
PHP 5.7 gets refactored core, is 10%-30% faster than PHP 5.5! Wow!
frontend-workflow
[german] Modernes Frontend-Development mit Bower, Grunt, Yeoman (45min Video, Thorsten Rinne auf der IPC2013)

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