Reading Time: 5 minutes Investigating the implementation of the prefers-reduced-motion setting for vestibular disorders
A CMS-look-alike with AJAX
Reading Time: 3 minutes Why? Static wireframes are not prototypes. I expect to use this technique when demonstrating inclusive and accessible UX or UI design strategies. These include relative units, fluid responsiveness, and server responses that static wireframes or [insert ‘prototyping’ software of choice] click-through output can only fail to convey. Starting Out It’s been a while since I […]
MSc UX Design Graduation 2020
Reading Time: < 1 minutes Darn Covid 19 in 2020. Our graduation is in absentee—or some such concept spoken in Latin to dress the situation up a bit. Here’s our segment on YouTube at 27 min and 27 seconds introduced by my supervisor, Dr Andrew Errity. You’ll spot me: one of only two names poor Andrew needed to name in […]
Inclusive Dialog Design?
Reading Time: 11 minutes At most every turn with accessibility I find , “it depends” actually translates to, “so what?” Dialogs just stink.
‘Special Characters’ Accessibility and Usability
Reading Time: 12 minutes Adding usability and accessibility to special HTML characters and punctuation for screen reader and visual users
Expanding Summary Details Accessibly
Reading Time: 8 minutes A decade later, can we use the HTML Details and Summary tags inclusively to replace expand and collapse accordions accessibly with and without JS and CSS?
Blueberry Muffins and Terrible People
Reading Time: < 1 minutes Baking apps and components like Blueberry Muffins and the Terrible People who do not want to make apps accessible
Shaking the Alt Decision Tree
Reading Time: 9 minutes Why is alternative image content so difficult? In this article I analyse and update W3C’s WAI Alt Decision Tree for everyday human consumption.
Web Components can be Accessible!
Reading Time: 3 minutes When inspecting products for inclusive code strategies, I regularly run across custom HTML tags, or ‘extended’ HTML belonging to web components. They are usually comprised of DIV and SPAN soup and a style block. ARIA labelling is more often than not omitted and fixed pixel units are common, so their responsiveness is limited. The explanation […]
‘Liquid’ DELETE animation demo
Reading Time: 5 minutes Sometimes I get so hooked up on inclusive design—and rightly—that I can overlook the strategies that take an OK user interaction (UI) to delight. Following on from my starter-project on UI SVG animations, I found the following demonstration that exports Sketch PNG files into After Effects. Forgiving that the YouTube comments capture my own ill-ease […]
Utility-first CSS
Reading Time: < 1 minutes During dotCSS 2019, Sarah Dayan made a compelling—if, in summary a flawed argument “In Defense of Utility-First CSS”. There’s certainly room for us to reflect and also to counter with some concerns. Sarah argues that utility-first has advantages over our grooming toward semantic CSS and its enhancement with BEM CSS writing styles. These add weight […]
Technical Instructions and Video
Reading Time: 2 minutes The boy has bought a suspension lowering kit. Its instructions are a link to a YouTube video. That’s cool, and also a little impractical when your hands are full and covered in grease? How does this relate to user experience (UX)? Well, the suppliers thought of their inexpert persona needing orienting to the task and […]
Animation and Keyframes
Reading Time: 4 minutes This was a fun hour’s project this morning. On a past web page project, I used the viewport width to move multiple backgrounds on expanding and contracting the browser window. A yacht floated serenely across the Adriatic past islands floating on the azure waters in a changing perspective – in my mind. Anyway, the client […]
To title abbr or not?
Reading Time: 5 minutes The complexities of legacy browser web components are always up for debate. Here, we put the humble abbr tag under the microscope.
Accessible Clock? Almost…
Reading Time: 3 minutes I adapted a coded clock from W3C Schools (home of the accessible clock canvas) on the Learning Too website’s Articles page. It’s a fun piece of bling drawn into an HTML5 canvas using JavaScript. Online Tutorials YouTube channel demonstrates a lighter-weight HTML, CSS, and JavaScript clock. Both clocks lack inclusive design. Any assumption that our screen […]
Modern Semantic HTML vs. DIV and SPAN Soup
Reading Time: 3 minutes Our visual designer plans a section with a heading and four numbered areas to describe four steps or areas to explore in our product. You know the thing. In this scenario: The code strategy is not specified. The developers use some CMS or framework or other, which makes their lives easy and adds weight to […]
Exasperations of accessible experiences
Reading Time: 4 minutes Accessibility is treated by my industry as you would treat a stone chip stuck in your vehicle’s brakes. You can hear it squealing as it grinds into your imagination of a deeply scarred disk. You cannot identify which wheel is affected from inside the comfort of the vehicle. You select reverse gear and go back […]
Major Research Project Update
Reading Time: < 1 minutes Find out why I updated my MRP to research our users’ comparable and equitable experience of accessibility. Go to the MRP section to learn all.
A Delightful Slider?
Reading Time: < 1 minutes Josh Collinsworth’s Likert-based slider input styles a range of emoji in place of the usual grades. It may bring a piece of visual delight to our feedback survey forms? A measure of satisfaction and delight? The 12 emoji that display on the slider button range from, “swear I’m angry” (🤬) to “love it” (😍). The […]
An Accessible App Assignment
Reading Time: 12 minutes This is a ramble from which to launch ideas for an assignment. You can pass on it if you like. I’m scoping an app for an assignment. Assignment From the off, this project must meet set assignment criterion and inventing a new app isn’t one of them. A new app simply provides the vehicle on […]