Matthias Ott
• Matthias Ott
Do you remember when you wrote your first line of HTML? Watching my students sweat blood while I introduce them to the basics of HTML and CSS always reminds me of my teenage self, learning the ropes of HTML back in the 1990s. Although I loved to fiddle around with my compute...
Using Narrator dev mode
Narrator is the integrated screen reader for Windows 10. The August 2nd Windows 10 Anniversary update introduces several new Narrator features, including a Narrator mode designed specifically for developers.
When you develop accessible apps, webapps or websites, one of the c...
paulazuccotti
• paulazuccotti
Behind the scenes
The design and ground rules for Every Thing We Touch were simple. I approached people and asked them to keep a record of all the objects they touched on a day of their choice. Permanent objects such as handles, taps and light switches were excluded, as were large items like...
And yet somehow we’re all still here
When my friend Tim Norris posted this to Facebook recently, it made me stop and think. One of those "thinks" was that his words were worth sharing, so here (with Tim's permission) they are...
The earliest "historical" thing I can vaguely remember was the tail end of the Vie...
paulazuccotti
• paulazuccotti
ŠKODA Octavia campaign
The ŠKODA Octavia “Loved, not owned” campaign uses ethnography and Every Thing We Touch as a unique visual storytelling technique to create a snapshot in time of the Octavia owner’s lives and the relationship they have with their car; told through the objects that travel in t...
Understanding semantics
Эта статья на русском
The word “semantic” is regularly used in the context of web development. We talk about “semantic code” and the “semantics” of a given element, but what do we really mean by it, and why is it important?
The word semantic comes from the French sémantique,...
Matthias Ott
• Matthias Ott
Beyond Tellerrand 2016
Lately, I travelled to Düsseldorf and attended the IndieWebCamp and also beyond tellerrand, a conference about design, development, and all things web. I’ll say it plain: If you never have been at a conference, you should go. If you never have been at beyond tellerrand, you ...
Matthias Ott
• Matthias Ott
Beyond Tellerrand 2016
Lately, I travelled to Düsseldorf and attended the IndieWebCamp and also beyond tellerrand, a conference about design, development, and all things web. I’ll say it plain: If you never have been at a conference, you should go. If you never have been at beyond tellerrand, you ...
Proposed ARIA password role
Let me ask you a question: Would you enter your password into a password field, if you couldn’t be confident it was protected from being viewed by other people? The answer is probably not, but a proposed ARIA role could put screen reader users in exactly this position.
When ...
Matthias Ott
• Matthias Ott
The Art of the Restart
Far too long, we have thought of web projects like rocket launches: You plan, design, and build the thing, maybe you train people how to steer it, and most of all you sweat blood only to be prepared on that magical date: launch day. That one decisive moment when yo...
Matthias Ott
• Matthias Ott
The Art of the Restart
Far too long, we have thought of web projects like rocket launches: You plan, design, and build the thing, maybe you train people how to steer it, and most of all you sweat blood only to be prepared on that magical date: launch day. That one decisive moment when yo...
Using the ARIA application role
The ARIA application role changes the way screen readers interact with web content. Several good articles explain (rightly) why the application role should be used with caution, but this post looks at a use case where the application role is used to good effect.
Screen reade...
Flexbox & the keyboard navigation disconnect
CSS Flexbox can create a disconnect between the DOM order and visual presentation of content, causing keyboard navigation to break. For this reason, the CSS Flexible Box Layout module warns against resequencing content logic, but asking authors not to use flexbox in this way...
Mulled cider
This is one of my favourite winter things. You can make it at any time of year of course, but there is something about the smell of apples and spices that makes me all warm and fuzzy. You might put that down to the cider, I couldn't possibly comment...
Information
Makes: Ei...
Adrian Rosellli's Strawberry & balsamic sorbet
The 12th in a series of posts that bring together the two sides of my blog: Food and technology. I’ve asked the great and the good from the web standards community to share their favourite recipes. This versatile dessert is from Adrian Roselli.
Information
Makes: Two quarts...
Using the aria-owns attribute
When a parent/child relationship is evident on-screen, but it isn’t represented in the DOM, the aria-owns attribute can be used to establish that relationship in the accessibility layer.
The parent/child relationship is a cornerstone of HTML structure. Every element in an HT...
Losing sight
Deutsche Übersetzung
I don’t know who will read this. I don’t even know why it has suddenly become important to write it, but for whatever it’s worth, this is an account of an event in my life that changed everything.
I lost my sight over the course of 12 months from late 19...
Fixing the Jaws cursor in Firefox
When keyboard access doesn't work, the Jaws screen reader makes it possible to explore content using simulated mouse movements instead. This function is broken in Firefox, due to changes made (some time ago) in its graphics rendering engine. This post describes a workaround ...
paulazuccotti
• paulazuccotti
The Book & The Project
You can visit the dedicated project website here
www.everythingwetouch.org
BUY THE LATEST EDITION HERE
Every Thing We Touch: A 24-Hour Inventory of Our Lives
Paperback, 12 Nov 2015. Published by Viking - Penguin Random House
My book is about Future Archeology, you can ord...
Using the Web Speech API to simulate CSS Speech support
Updated on 4th February 2018.
The CSS Speech properties are intended to give content aural style, in the same way other CSS properties give content visual style. The CSS Speech module is largely unsupported in browsers, but the Web Speech API can be used to demonstrate somet...