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
0

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. ;)

 

This article was written quite a while ago (9 years), please keep this in mind when using the information written here. Links, code and commands might be outdated or broken.

Random articles

  • A quick video introduction into Shadow-DOM, the game-changing DOM-subtree-technologyA quick video introduction into Shadow-DOM, the game-changing DOM-subtree-technology
  •  Netflix JavaScript Talks about ECMAScript 7: The Evolution of JavaScript Netflix JavaScript Talks about ECMAScript 7: The Evolution of JavaScript
  • [Link] Improving Smashing Magazine’s Performance: A Case Study[Link] Improving Smashing Magazine’s Performance: A Case Study
  • The New Era of JavaScript (28min conference talk, Jack Franklin, 2013)The New Era of JavaScript (28min conference talk, Jack Franklin, 2013)
  • JavaScript Testing Tactics (21min video by Justin Searls)JavaScript Testing Tactics (21min video by Justin Searls)
  • How JavaScript really works – An introduction into the JavaScript call stack by Philip Roberts (20min video)How JavaScript really works – An introduction into the JavaScript call stack by Philip Roberts (20min video)
  • O’Reilly’s Learning JavaScript Design Patterns by Addy Osmani for freeO’Reilly’s Learning JavaScript Design Patterns by Addy Osmani for free
  • O’Reilly’s Programming JavaScript Applications by Eric Elliott for free (Early Access release)O’Reilly’s Programming JavaScript Applications by Eric Elliott for free (Early Access release)
  • [german] Modernes Frontend-Development mit Bower, Grunt, Yeoman (45min Video, Thorsten Rinne auf der IPC2013)[german] Modernes Frontend-Development mit Bower, Grunt, Yeoman (45min Video, Thorsten Rinne auf der IPC2013)
accessabilityCSSHTMLHTML5JavaScriptJSsidebar-specialw3c
Share this

Leave A Comment Cancel reply

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

8 awesome pure CSS spinner / loader

Excllent spinner / loader in pure CSS, made with just one element (even if the demo shows this in a

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

sass laravel

Extremely easy SASS in Laravel (with pure PHP)

Working with SASS is awesome: it reduces your workload dramatically, makes web projects much cleaner, DRYs your code, adds awesome

php

New GitHub repo: simple php-long-polling for creating real-time apps

Mornin’ ! I’ve just pushed a sweet little new project into GitHub: A very simple and totally reduced PHP long-polling

bitdeli git github stats

php-login goes #2 PHP script worldwide in BitDeli stats

Holy! I just checked the stats of my little php-login hobby project on BitDeli (the tracking service for GitHub) and

zend framework 3

First view on Zend Framework 3 by Matthew O’Phinney

Interesting stuff: One of the very first video impressions of Zend Framework 3, and it sounds fantastic! This is even

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

digitalocean coupon

DigitalOcean VPS coupon codes for december 2013 and early 2014

Some (working!) coupon codes for DigitalOcean, the low-cost VPS server/hosting provider of the year. They are for NEW customers, but

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

1/4

Categories

Search

Ghost
[FREE SERVER PROMO] Install GHOST for free on a free SSD server with this coupon
A collection of beautiful ajax loaders / spinners in pure .svg / CSS
How to get a single table out of a massive MySQL .sql database backup file (mysql dump splitter)
set up a local virtual machine for development with vagrant and puphpet / puppet (and ubuntu, linux, php, apache, mysql)
A super-simple pre-configured Vagrant box with HipHop, Hack and Hack code examples
8 awesome pure CSS spinner / loader
phpstorm-8
PHPStorm 8 has just been released
css4
Angelina Fabbro talks about “CSS4” in this excellent conference video
github-logo-octocat
GitHub buys Easel.io, a code-free full website creator worth a look
php
Why Modern PHP is Awesome And How You Can Use It Today (Slides by Matt Stauffer)
java
Interesting: code of the same application in PHP, Python, Ruby, Closure, node.js, Java and Go
mod-rewrite-ubuntu-14-04-lts
Which server OS version to choose ? Some EOL lists of Debian, Ubuntu and CentOS
phpstorm 7.0 php
How to install GitHub’s, NetBeans’s and Sublime2’s syntax highlighting code colours theme in PHPStorm 6/7
What’s new in PHPStorm 9
html6
Is this the first HTML6 specification?
Symfony devs: Creator of Symfony framework is hiring (Cologne, Germany)!

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
 
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT