Here’s your delayed weekly a11y roundup.It’s a short one this week, as I’ve been on holiday for the last 10 days. Normal service shall be resumed next week!
A bit of a clickbaity headline, describing how Equal Entry responded to a complaint that one of their web pages had 2 accessibility errors, which was the result of an automated tool and turned out to be all false positives. For example, one of the errors was that an input was missing a label, but it was a textarea used for visual spacing only. It had aria-hidden="true", so it didn’t need a label. The post has a useful overview of how the consultancy conducts an accessibility test, with a reminder that aiming for a 100% pass rate can be a false prophet.
Article suggesting that people who are deaf view themselves through the social model, rather than medical model, where societal barriers are the source of disability. It argues that an inaccessible society causes more harm than being deaf itself, and that there can be biological advantages to being deaf. ‘Deaf gain’, as it is known, includes being better able to accurately recognise faces, having faster peripheral vision reaction times, and perhaps some protection against Alzheimer’s. A gene that causes hereditary deafness may actually offer improved wound healing.
Did you know that you can subscribe to dai11y, week11y, fortnight11y or month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
Article suggesting that people who are deaf view themselves through the social model, rather than medical model, where societal barriers are the source of disability. It argues that an inaccessible society causes more harm than being deaf itself, and that there can be biological advantages to being deaf. ‘Deaf gain’, as it is known, includes being better able to accurately recognise faces, having faster peripheral vision reaction times, and perhaps some protection against Alzheimer’s. A gene that causes hereditary deafness may actually offer improved wound healing.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
A bit of a clickbaity headline, describing how Equal Entry responded to a complaint that one of their web pages had 2 accessibility errors, which was the result of an automated tool and turned out to be all false positives. For example, one of the errors was that an input was missing a label, but it was a textarea used for visual spacing only. It had aria-hidden="true", so it didn’t need a label. The post has a useful overview of how the consultancy conducts an accessibility test, with a reminder that aiming for a 100% pass rate can be a false prophet.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
Colin Hughes describes how his muscular dystrophy can make it difficult to use remote controls. He now uses Alexa to control thermostats, lights and blinds with his voice. Taking inspiration from a video showing how a garage door can be opened/closed with a cheap wireless switch, Colin retrofitted his front door to be voice-powered for £150. This contrasts with a £5000 quote he received from a company, highlighting the financial burden people with disabilities are put under. His command of ‘open sesame’ has to be regularly changed in case passers by figure out how they can enter his home.
PDF from TheUniversity of Texas. Tips include: don’t require people to turn on their webcams (anxiety, physical tics etc); read screen shared contents and any chat content aloud; use Show/Hide Non-video participants to hide names and profile pictures if recording; do not force mute participant audio (required for deaf students to pin the sign language interpreters); post materials before or after class for students to review.
The WCAG does not define a minimum font size for the web: just that fonts should be resizable and of a sufficient contrast. Contrast should be 4.5:1 for small text, 3:1 for larger text (defined as text that is a minimum of 18 point or 14 point with bold), though different screen densities and alphabets mean the pixel size will vary. Browser font sizes are accessible by default, so avoid using px and instead make your font sizes relative to the base font size (usually 16px) using rem/em. About 3% of users change their default font size in the browser settings, and some will override the font-family too (e.g. to OpenDyslexic, which increases readability for users with dyslexia).
iOS 13 brings ‘Voice Control’, which allows you to use commands like ‘swipe left’ or ‘scroll up’, open apps or take pictures. You can also dictate text messages or notes, and delete text you’ve typed without having to touch your phone. It’s also highly customisable: you can set up shortcuts for inserting your email rather than saying it out loud, or have Voice Control perform custom gestures, e.g. touch-and-hold. This article explains how to set that all up.
A Forbes article about three nurses with disabilities, and the opportunities the current pandemic has afforded them. Andrea Dalzell interviewed for 76 hospital jobs and was rejected from them all once they realised she was in a wheelchair. The desperate plea for nurses since March has now meant employers look past her disability, and she’s found a job. All three nurses in the article strongly state that they work as effectively as other nurses.
On a semi-related note, #DisabledAndCute is trending on Twitter. I came across this image in a New York Times article, showcasing an ‘accessible party dress’ on manikin positioned in a wheelchair, amongst other manikins. It’s not something you usually see and I liked that the visibility of wheelchairs in social/fun settings is being normalised.
Fashion and Textiles Collection of the Peabody Essex Museum
A Facebook Engineering article describing how the site redesign in React provided opportunities to improve accessibility. Using React Context, heading levels automatically increase as they are nested (i.e. <Heading /><section><Heading /></section> automatically creates a h1 followed by a h2). They use the same mechanism for contextual keyboard commands, to perform actions relevant to the thing that is in focus. Components such as FocusList are wrapped around lists to handle focus and to define up/down arrow key behaviour. A static analysis tool errors when it encounters a form control without a label, and a runtime tool monitors the DOM in real time and visually alerts devs to any inaccessible components.
A feature allowing viewers to contribute subtitles to a channel’s videos will be discontinued on 28th September 2020. YouTube says less than one-thousandth of a percent of channels approved a community captions track in the last month, and only 0.2% of watch time had a community caption track selected. Subtitles ranged in quality, and it is known that some contributors were exploiting the tool to spam or troll its users. Content providers can still provide captions on their own videos, and YouTube is improving its automated captions service.
Sara Novak writes about her three-day experiment using Chrome extension See, to emulate deuteranomaly and better understand the needs of one of her colleagues. This is the most common type of colour blindness, making it difficult to differentiate green and red. She realised that the way she’d been highlighting her emails in different colours was not accessible, and switched to using italics or bold for differentiation. A site Sara used wouldn’t let her fill out a form because it used red and green borders to indicate whether the fields passed validation, which she couldn’t distinguish between.
A report from May, which I’ve only now found time to read: accessibility for the Alexa Top 100 websites has improved from 2019 to 2020. 40% are ‘fully accessible on all platforms tested’, vs 29% last year. And 39% of sites are ‘fully inaccessible’, down from 43%. 21% were accessible ‘with difficulty’, down from 28%. An example of ‘accessible with difficulty’ includes triggering a login button but then needing to search for form elements because focus was not given to the modal.
Did you know that you can subscribe to dai11y, week11y, fortnight11y or month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
A Facebook Engineering article describing how the site redesign in React provided opportunities to improve accessibility. Using React Context, heading levels automatically increase as they are nested (i.e. <Heading /><section><Heading /></section> automatically creates a h1 followed by a h2). They use the same mechanism for contextual keyboard commands, to perform actions relevant to the thing that is in focus. Components such as FocusList are wrapped around lists to handle focus and to define up/down arrow key behaviour. A static analysis tool errors when it encounters a form control without a label, and a runtime tool monitors the DOM in real time and visually alerts devs to any inaccessible components.
A feature allowing viewers to contribute subtitles to a channel’s videos will be discontinued on 28th September 2020. YouTube says less than one-thousandth of a percent of channels approved a community captions track in the last month, and only 0.2% of watch time had a community caption track selected. Subtitles ranged in quality, and it is known that some contributors were exploiting the tool to spam or troll its users. Content providers can still provide captions on their own videos, and YouTube is improving its automated captions service.
Sara Novak writes about her three-day experiment using Chrome extension See, to emulate deuteranomaly and better understand the needs of one of her colleagues. This is the most common type of colour blindness, making it difficult to differentiate green and red. She realised that the way she’d been highlighting her emails in different colours was not accessible, and switched to using italics or bold for differentiation. A site Sara used wouldn’t let her fill out a form because it used red and green borders to indicate whether the fields passed validation, which she couldn’t distinguish between.
A report from May, which I’ve only now found time to read: accessibility for the Alexa Top 100 websites has improved from 2019 to 2020. 40% are ‘fully accessible on all platforms tested’, vs 29% last year. And 39% of sites are ‘fully inaccessible’, down from 43%. 21% were accessible ‘with difficulty’, down from 28%. An example of ‘accessible with difficulty’ includes triggering a login button but then needing to search for form elements because focus was not given to the modal.
Did you know that you can subscribe to dai11y, week11y, fortnight11y or month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
A report from May, which I’ve only now found time to read: accessibility for the Alexa Top 100 websites has improved from 2019 to 2020. 40% are ‘fully accessible on all platforms tested’, vs 29% last year. And 39% of sites are ‘fully inaccessible’, down from 43%. 21% were accessible ‘with difficulty’, down from 28%. An example of ‘accessible with difficulty’ includes triggering a login button but then needing to search for form elements because focus was not given to the modal.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
Sara Novak writes about her three-day experiment using Chrome extension See, to emulate deuteranomaly and better understand the needs of one of her colleagues. This is the most common type of colour blindness, making it difficult to differentiate green and red. She realised that the way she’d been highlighting her emails in different colours was not accessible, and switched to using italics or bold for differentiation. A site Sara used wouldn’t let her fill out a form because it used red and green borders to indicate whether the fields passed validation, which she couldn’t distinguish between.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
A feature allowing viewers to contribute subtitles to a channel’s videos will be discontinued on 28th September 2020. YouTube says less than one-thousandth of a percent of channels approved a community captions track in the last month, and only 0.2% of watch time had a community caption track selected. Subtitles ranged in quality, and it is known that some contributors were exploiting the tool to spam or troll its users. Content providers can still provide captions on their own videos, and YouTube is improving its automated captions service.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
A Facebook Engineering article describing how the site redesign in React provided opportunities to improve accessibility. Using React Context, heading levels automatically increase as they are nested (i.e. <Heading /><section><Heading /></section> automatically creates a h1 followed by a h2). They use the same mechanism for contextual keyboard commands, to perform actions relevant to the thing that is in focus. Components such as FocusList are wrapped around lists to handle focus and to define up/down arrow key behaviour. A static analysis tool errors when it encounters a form control without a label, and a runtime tool monitors the DOM in real time and visually alerts devs to any inaccessible components.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.
