Sindre Wimberger

A collection of accessibility resources for developers building GOV.UK

Published by Sindre Wimberger on April 8th, 2014

What follows is a quick "first pass" for what you should be thinking about when checking the accessibility of the things we're building for GOV.UK. There will be additional work beyond this to provide accessibility documentation for the Digital by Default Standard in 2013, but these will get you thinking about building accessibly from the beginning.

https://github.com/alphagov/a11y

a11y

Accessible, useful, beautiful barcharts from HTML tables.

Published by Sindre Wimberger on April 8th, 2014

Magna Charta - A jQuery plugin for producing bar charts from tables. Made by the gov.uk team.Examples:

a11y

Verkehrsdaten in GTFS-Format

Published by Sindre Wimberger on March 25th, 2014

Ressourcen:

GTFS (General Transit Feed Specification Reference)
http://en.wikipedia.org/wiki/General_Transit_Feed_Specification
Schnittstelle: GTFS and GTFS-realtime
https://developers.google.com/transit/
Google Transit Partner Program
http://maps.google.com/help/maps/mapcontent/transit/index.html
Google Transit Abdeckung nach Staaten
http://maps.google.com/landing/transit/cities/index.html
Übersichtliste der Verkehrsbetriebe die eine GTFS Schnittstelle anbieten
http://www.gtfs-data-exchange.com/agencies
A list of other software that read and write GTFS files
https://code.google.com/p/googletransitdatafeed/wiki/OtherGTFSTools
Bing Maps uses GTFS
http://www.bing.com/maps/TransitPartners.aspx

jQuery?

Published by Sindre Wimberger on March 17th, 2014

Is jQuery Too Big For Mobile?
http://flippinawesome.org/2014/03/10/is-jquery-too-big-for-mobile/
You Might Not Need jQuery
http://youmightnotneedjquery.com/
"jQuery ~ 4 joules (0,02% of the battery charge). ~5000 jQuery parsings per iPhone battery charge."
https://twitter.com/georgeblazer/status/207515271081111552
The jQuery module anti-pattern
http://www.nonblocking.io/2011/04/jquery-module-anti-pattern.html

jquery

WPO - Web Performance Optimization

Published by Sindre Wimberger on March 14th, 2014

Image Optimization

http://optimizilla.com/

Extract & Inline Critical-path CSS from HTML (alpha)
https://github.com/addyosmani/critical

A Look At The Current Responsive Design Landscape (And How To Speed It Up)
http://sideproject.io/a-look-at-the-current-responsive-design-landscape/

Breaking news at 1000ms – Patrick Hamann at Front-Trends 2014
http://vimeo.com/100505617

What Every Frontend Developer Should Know About Webpage Rendering
http://frontendbabel.info/articles/webpage-rendering-101/

Pixels are expensive
http://aerotwist.com/blog/pixels-are-expensive/

RWD Bloat
http://daverupert.com/2014/07/rwd-bloat-part-ii/

How we make RWD sites load fast as heck
http://filamentgroup.com/lab/performance-rwd.html

Improving Smashing Magazine’s Performance: A Case Study
http://www.smashingmagazine.com/2014/09/08/improving-smashing-magazine-performance-case-study/2/

Ressourcen:

wpo image

HTML5 Barrierefreiheit

Published by Sindre Wimberger on March 14th, 2014

Ressourcen:

http://www.html5accessibility.com/
http://blog.paciellogroup.com/2014/03/html5accessibility-com-updated/
http://de.slideshare.net/LeonieWatson/html5-accessibility-support-mar-2013
http://tink.co.uk/2013/02/screen-reader-support-for-html5-sections/
Those elements that are not supported in a particular screen reader/browser combination are handled in the same way as a div or other element without semantic meaning would be. Which is to say that the content is accessible, but the element itself is not acknowledged in any way.
Don't use multiple H1 tags in an HTML5 web page
http://webaim.org/discussion/mail_thread?thread=6343

a11y html5

Book: A Web for Everyone - Designing Accessible User Experiences

Published by Sindre Wimberger on March 14th, 2014

you are in charge of the user experience, development, or strategy for a web site, A Web for Everyone will help you make your site accessible without sacrificing design or innovation. Rooted in universal design principles, this book provides solutions: practical advice and examples of how to create sites that everyone can use.

This book is like a "Hitchhiker's Guide to the Galaxy of Accessibility" for technical communicators, usability practitioners, and many more. There is something here for everyone-from the novice to the experienced practitioner-who wants to make a web for everyone."
- Karen Mardahl, STC AccessAbility SIG manager and Technical Writer, SimCorp.com

http://rosenfeldmedia.com/books/a-web-for-everyone/

a11y

Guidelines

Published by Sindre Wimberger on March 12th, 2014

Frontend (gesamt)

Javascript

https://github.com/guardian/pasteup/blob/master/js/README.md
https://github.com/rwaldron/idiomatic.js/tree/master/translations/de_DE
http://contribute.jquery.org/style-guide/js/
http://javascript.crockford.com/code.html
http://aloha-editor.org/guides/style_guide.html

CSS

HTML

General

Userinterface

Code

https://drupal.org/coding-standards

Ressourcen

Brand Guides

Browser Support

Published by Sindre Wimberger on March 12th, 2014

Mobile Statistics

Desktop Versions

Browser Categories

Barrierefreie Videoplayer

Published by Sindre Wimberger on February 26th, 2014

The Nomensa accessible media HTML5 <video> and <audio> made easy. One file. Any browser. Same UI. The open source HTML5 video playerJW PlayerWeitere Ressourcen:

video a11y