Chris Ashton

dai11y 16/07/2020

16 July 2020

Accessibility Dont’s, Learn From Basic Mistakes in Web Design Adam Laki shares five common a11y fails to avoid. 1: don’t remove underlines on links. 2: don’t remove outlines on focusable elements. 3: don’t remove textarea resize functionality. 4: don’t open links in new browser windows. 5: don’t use fixed font-size. There are caveats to each… [Read More]

dai11y 15/07/2020

15 July 2020

Amazing haptic speaker lets visually impaired people read braille in midair Researchers at Bayreuth University, Germany, are working on a speaker system that uses acoustic force and ultrasound to recreate traditional braille writing in midair. The system known as HaptiRead comes at a very poignant time as people are worried about touching surfaces during this… [Read More]

dai11y 14/07/2020

14 July 2020

We need more inclusive web performance metrics Scott Jehl writes about how popular user metrics such as Largest Contentful Paint are not necessarily useful to everyone. Users relying on screen readers may not be able to read the page until it becomes fully interactive, sometimes long after the DOM is complete. Scott has raised an… [Read More]

fortnight11y issue 17

13 July 2020

Enhancing ARIA landmarks with aria-labelledby Article by Léonie Watson describing how to use aria-labelledby to distinguish between multiple navigational elements. Example: <nav role=”navigation” aria-labelledby=”firstLabel”><p>Choose an <span id=”firstLabel”>aisle</span> to browse</p><ul><li><a href=”fresh.html”>Fresh foods</a></li>…</ul>. How Does HTML Microdata Help With Accessibility? Scott Vinkle explains how pages marked up with microdata helps the ‘Reader Mode’ in browsers to find… [Read More]

week11y issue 34

13 July 2020

A Complete Guide to Links and Buttons An excellent resource by CSS-Tricks. I learned that the download attribute on links instructs the browser to download the resource; that links can have a rel attribute that define the relationship to the target (e.g. rel=”author”); that you can chain link styles (a:focus:hover {}); and that if you… [Read More]

dai11y 13/07/2020

13 July 2020

Blindness cure in sight Macular degeneration is a common eye disease affecting 200 million people worldwide. It can lead to complete blindness. Scientists are working on a new treatment utilising gene therapy and near-infrared light. Early tests on human retinas show that ‘near-infrared light exposures reactivate the human retina’s visual circuitry’.

dai11y 10/07/2020

10 July 2020

iOS 14 is filled with accessibility improvements iOS 14 introduces sound recognition, which alerts you when it detects the sound of a doorbell, siren, smoke alarm or baby crying. You can now tap the back of your phone to access the notification centre, which those with motor disabilities may find easier than swiping down from… [Read More]

dai11y 09/07/2020

09 July 2020

Meaning without markup: Accessibility Object Model Hidde de Vries writes about the Accessibility Object Model proposal for JavaScript, which allows devs to hook into the accessibility tree (like Service Workers are able to hook into the network). It should make code easier to test, and HTML less verbose, since you would operate on the element… [Read More]

dai11y 07/07/2020

07 July 2020

A Complete Guide to Links and Buttons An excellent resource by CSS-Tricks. I learned that the download attribute on links instructs the browser to download the resource; that links can have a rel attribute that define the relationship to the target (e.g. rel=”author”); that you can chain link styles (a:focus:hover {}); and that if you… [Read More]

week11y issue 33

06 July 2020

Enhancing ARIA landmarks with aria-labelledby Article by Léonie Watson describing how to use aria-labelledby to distinguish between multiple navigational elements. Example: <nav role=”navigation” aria-labelledby=”firstLabel”><p>Choose an <span id=”firstLabel”>aisle</span> to browse</p><ul><li><a href=”fresh.html”>Fresh foods</a></li>…</ul>. How Does HTML Microdata Help With Accessibility? Scott Vinkle explains how pages marked up with microdata helps the ‘Reader Mode’ in browsers to find… [Read More]

Loading...