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
php mvc

Preview-release of (my) “php-mvc” project (a simple php mvc barebone)

Voila! The very first pre-final release of the “php-mvc” repository is online: https://github.com/panique/php-mvc and http://www.php-mvc.net. It’s a very simple but very

PHPMyAdmin not found after installation ? Here’s a fix (Ubuntu 12.04) !

You just installed PHPMyAdmin but http://www.yourdomain.com/phpmyadmin just says “phpmyadmin not found” ? Try to create a link in /var/www like

php

Slides from International PHP Conference 2014

Have fun :)   [slideshare id=35391362&doc=codereviewsfranksonsipc2014se-140602104917-phpapp02]     [slideshare id=35383348&doc=ipc14se-planningfortheunplannable-140602073028-phpapp02]   [pdf]http://ilia.ws/files/ipc2014_bottlenecks.pdf[/pdf]   The talk Code Coverage: Covered in Depth

Frontend Ops Conf 2014 – Paul Irish: Delivering The Goods In Under 1000ms (40min video)

https://www.youtube.com/watch?v=E5lZ12Z889k

phpstorm 7.0 php

PHPStorm 7 has been released!

DEV METAL does not get any money for saying this and there is no affiliate link or similar. This post

organizing css

Jonathan Snook – CSS is a Mess – How to organize CSS in big projects (54min video talk)

hiphop php

[Link] How to set up HipHop, Nginx and Laravel in Ubuntu 12.04 LTS (in a Vagrant box)

This is probably the most useful tutorial in 2014 so far. An excellent post by Chris Fidao, explaining how to

Disappointed by Watch Dogs’s graphics ? See how it looks with unlocked, hidden settings. Awesome!

When you are interested in 3D and game graphics in general, you probably stumbled upon these excellent and extremely good-looking

php-legacy-code

Interesting talk on modernizing a legacy PHP codebase

Bringing oldschool PHP applications into 2014 is a big thing, especially when your app is valueable for your client. Paul

phpstorm-8

Ignore .idea folder from git in PHPStorm

By default (?) PHPStorm will create a hidden folder named .idea directly within your project, containing user-specific stuff like chosen

1/4

Categories

Search

js javascript
[video] Netflix JavaScript Talks about ECMAScript 7: The Evolution of JavaScript
vagrant
A super-simple Vagrant LAMP stack bootstrap (installable with one command)
MINI2, an extremely simple barebone PHP application on top of Slim
How to show the available version of a package (before doing apt-get install)
Bézier Curves – Under the Hood (4min video)
DEF CON 18 – When your computer got stolen and you can still SSH into it: “Pwned by the 0wner” (22min conference talk)
Hacking ATMs – A conference talk about the current security state of Windows XP driven cash machines
php uk conference
PHP Opcache Explained by Julien Pauli (video from PHP UK Conference 2014)
html6
Is this the first HTML6 specification?
forbes 30 under 30
Need motivation ? Check out these 2 awesome “FORBES 30 under 30” lists (web, UI, games)
digitalocean coupon
DigitalOcean VPS coupon codes for december 2013 and early 2014
anti block adblock
Show ads to ad-blockering visitors – with PageFair.com
This is an experimental advertisement
php
appserver.io – A New Way of Magento Enterprise Infrastructure (26min video talk)
phpstorm 7.0 php
How to setup and use XDEBUG with PHPStorm 6/7 (locally in Windows 7/8 and Mac OS X)

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