16 Jul

dai11y 16/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Blind York student wins £5k claim over ‘inaccessible’ loan form

  • Disability rights activist Holly Scott-Gardner, has won a settlement after being unable to fill in a student loan disabled students application form, because it was inaccessible to her (as someone who is blind). Holly had to fill in the form over the phone, after several failed attempts online, and successfully sued the company for a breach of the Equality Act 2010.
  • Holly wrote a long Twitter thread about her interaction with the company, pointing out that they offered to “work with” her on making their services accessible, but this a) isn’t her area of expertise to be a consultant on, and b) they weren’t offering to pay her for her time. The thread is full of great quotes:
    • “In what world is it acceptable to expect the person who has had their rights violated to come and educate you out of the goodness of their heart?”
    • “I am not a token minority. I do not exist as an educational tool for non-disabled people.”
    • “It’s frustrating that everyone seems to view disabled people as experts on every aspect of being disabled. I know I can’t access something, that doesn’t automatically mean I can fix it.”

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.

15 Jul

dai11y 15/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Why debate non-text contrast of UI elements?

  • An article by Dave House, describing how WCAG 2.1 Non-text contrast has enough wiggle-room in it that designers often dismiss it, saying “UI elements don’t need to meet this requirement”. He explains: the success criterion states “if the visual indicator of the control is the only way to identify the control, then that indicator must have sufficient contrast”. Therefore, for example, a “Submit” button whose background colour has low contrast is still recognisable with the background colour removed, provided it is in the context of a form, and thus doesn’t fail the criterion.
  • Dave suggests a simple test: for every interactive UI element with a contrast of less than 3:1, remove the thing that is low contrast (be it the text, the background colour, the border, etc). Then review the page and see if it still makes sense. The argument is hard to swallow when Dave uses the Facebook and Google landing pages as examples – if they can’t get it right, what chance do the rest of us have? – but it’s a good rule of thumb nonetheless, and a useful design tip to keep in your arsenal.

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.

14 Jul

dai11y 14/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Coronation Street highlights the challenges faced by disabled people working from home during the pandemic

  • This story focuses on Izzy Armstrong, played by Cherylee Houston. The storyline goes that Izzy is clinically vulnerable and has been shielding and working from home throughout the pandemic. Her job is now at risk as her boss insists she returns to the office.
  • The actor Cherylee has in real life been shielding since March 2020, as when she was 23 she was diagnosed with a rare condition called Ehlers-Danlos syndrome.
  • This will be the first time viewers will see Izzy in her real-life home environment. The scenes were filmed by Cherylee and her partner at their Manchester home.
  • “Izzy Armstrong’s upcoming storyline on Coronation Street highlights the reality of many disabled people’s struggles across the UK.”

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.

13 Jul

dai11y 13/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Managing focus in the shadow DOM

  • Web developer Nolan Lawson writes about the difficulties of managing focus on a web page which makes use of the shadow DOM; parts of the page that are encapsulated and unable to be interacted with programmatically in the same way as regular DOM elements.
  • If you’re implementing a modal dialog, you need to manage focus and prevent the user from tabbing outside of the modal window whilst it’s active. This is easier said than done; a common implementation is to use querySelectorAll to find all interactive elements in the page, finding the first and last focusable elements within the modal, and then using a listener to hook into the tab key and overriding where it triggers the focus. But document.querySelectorAll won’t return any shadow DOM elements, so the browser could still allow you to tab into a shadow DOM area outside of the modal.
  • Nolan proposes a new API; element.getNextTabbableElement() and element.getPreviousTabbableElement(), delegating this heavy lifting to the browser. For now, we’re left manually traversing through the DOM and inspecting each element recursively to see if it has a shadow DOM child, to create our list of all interactive elements in the page.
  • My old team at the BBC also wrote about how they migrated away from iframes to the shadow DOM.

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.

12 Jul

dai11y 12/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Coursera accessibility courses

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.

09 Jul

fortnight11y issue 41

Your fortnightly frequent11y newsletter, brought to you by @ChrisBAshton:

What Happens When a Blind Person Test Drives VoiceOver Recognition?

  • An article by Rhea Althea Guntalilib, describing her experience of using the new “VoiceOver Recognition” features of iOS 14. It is a collection of tools including “Screen Recognition” (which I’ll talk about below), “Text Recognition” (which detects text found in images) and “Image Descriptions” (which describes image contents). These features are accessible via Settings > Accessibility > VoiceOver and can then be quick-selected via the VoiceOver rotor.
  • I covered Screen Recognition in dai11y 22/12/2020: “It uses AI to detect interactable elements on the screen, even when such elements aren’t properly labelled / exposed to assistive technology. It has the potential to allow blind users to use apps that are otherwise inaccessible.”
  • Rhea found the Image Descriptions improved her experience of the Facebook and Instagram apps, and also Text Recognition was great at describing her screenshots of captured text messages. Screen Recognition came in handy for her banking apps, which otherwise have no accessible way of transferring funds or paying bills. But she did find she had to turn off Screen Recognition in places, e.g. to properly access the list of available banks, as it would interfere with how VoiceOver worked. Other apps, such as email, had attachments that could not be processed by VoiceOver Recognition.
  • In summary, whilst it has some glitches and limitations, it has “delivered many improvements in the user experience of a blind iOS customer”.

Accessible SVGs

  • Think you know SVGs? This article is worth a read – you just might learn something.
  • SVGs have an implicit WAI-ARIA role of “graphics-document“. You should only change this if the SVG only contains an image; an attribute of role="img" or role="graphics-symbol" would be appropriate.
  • Hide decorative SVGs from screen readers using aria-hidden="true" – not role="presentation", as this doesn’t hide the contents of the SVG from screen readers.
  • SVGs can have a <title> attribute which acts like an alt attribute on a normal image. It has to be the first child element within the <svg>. There is also an optional <desc> element which can follow this, and should be used to present more detailed textual information. Browser support for both of these is good but not 100%; aria-label can be added for wider support.

Practical accessibility, part 2: Name (almost) everything

  • It’s not enough to just use semantic markup to, say, create a list in HTML (the “what”), and mark it up with a role="menu" (the “how it’s supposed to work”). We also often need to label the list, to explain “why” it’s there. For example, an aria-label="Main menu" to give some extra context to screen reader users.
  • This article describes how and when you should name things in HTML. It covers the basics, such as associating a label with an input, which effectively gives the input a name, but it also covers the stuff that is more easily omitted, such as applying a label to your ARIA regions.
  • Not every landmark needs a name, but any navigation, form and region should, as well as main (it’s good practice to associate the H1 element with the main content in your page via aria-labelledby). Landmarks that appear once per page, such as banner, should not have a name.

Online Instruction Did Not Make Things Easier for Disabled Students

  • An interesting article, worth reading as it goes against the current narrative that the disabled community have benefited from the move to online tuition. It covers university undergraduates and graduates in America.
  • “Only 20% of [American] undergraduate students with disabilities reported enjoying online learning, and over one third of students with disabilities reported no increased satisfaction with online learning in general”.
  • The story changes slightly for graduate students with disabilities, who liked online learning more than those without disabilities, but also felt less productive and more disconnected from professors.
  • That said, there were some areas where “disabled students did describe a greater satisfaction than non-disabled students”, such as “comfort levels in speaking up in class” and “connection with other students”.
  • Learning from home rather than university “meant being removed from the protective factor of the university”. Shockingly, only 40% of undergraduate students with multiple disabilities have a “place to live that is free from physical or emotional violence or abuse”.

Kellogg’s: a game changer in accessible packaging

  • In partnership with RNIB, Kellogg’s has trialled including NaviLens codes on its packaging, giving visually impaired customers a way of scanning products to find out their ingredients, allergen and recycling information.
  • NaviLens codes work in a similar way to QR codes, but can be detected “in a fraction of the time, from up to three metres away”. RNIB and Kellogg’s deduced that NaviLens catered to more people with sight loss, rather than those with specific requirements (such as braille users).
  • 97% of the trial’s participants agreed they’d like to see more of these accessibility features available on grocery packaging.
  • There’s a 5 minute video explaining more about the project.

Screen Reader User Survey #9 Results

  • The famous WebAIM survey this year had 1568 responses, mostly from North America and Europe, with a pretty even age split. 92.3% of respondents said they have a disability, almost 80% of which was blindness.
  • 57.5% of respondents class themselves as “advanced” screen reader users, versus 37.4% “intermediate” and 5.1% “beginner”. This roughly correlates with their self-assessed levels of “Internet Proficiency”.
  • JAWS is the primary screen reader for over half of respondents, followed by NVDA on around 30%. VoiceOver counts for just 6.5%. This is a decline for NVDA and VoiceOver compared to previous years. Windows Narrator is the primary reader of less than 1% of respondents, but is “commonly used” by 41% of them, compared to 30% in 2019.
  • Chrome is the browser of choice for 53.6% of respondents, followed by Edge at 18.4% and Firefox at 16.5%. Chrome and Edge usage has increased notably. JAWS with Chrome is by far the most common screen reader & browser combination, at 32.5%. 91.1% of respondents use Windows, vs 6.5% on Mac.
  • 72% use iOS mobile devices, vs 25.8% on Android. This corresponds roughly with mobile screen reader usage of 71.5% on VoiceOver and 29.1% on TalkBack, and with choice of browser (Safari: 61.6%, Chrome: 24.2%).
  • 99.4% of respondents have JavaScript enabled.
  • Almost two thirds of screen readers report that they are “very satisfied” with their primary screen reader, and almost a third “somewhat satisfied”.
  • When asked how often they use “skip links” when available, 17.5% said “Always”, 15% said “Often”, 29.7% said “Sometimes”, 22.7% said “Seldom” and 15% said “Never”. Whilst very mixed results, these are largely unchanged from the 2017 survey.
  • Around 39% say web content has become more accessible this year, but around 42% say there has been no change, and 18.5% say content has become less accessible.
  • The majority of screen reader users navigate pages by working through the headings first. About 85% of users find the use of heading levels either very useful or somewhat useful.

Accessible design: How much motion is too much motion?

  • Heather Waroff, Senior Designer at Microsoft, writes about interaction design. The most useful part of the article for me was the list below, developed “in conjunction with Accessibility specialists”. It describes the types of motion that are considered safe (good), risky (‘it depends’), and non-compliant (bad).
  • Safe Motion:
    • Motion under 5 seconds, of the following types:
      • Show/Hide
      • Glowing
      • Color Transitions
      • Slides
      • Scaling
      • Fading
      • Glyph Transformations
  • Risky motion
    • Any motion longer than 5 seconds
    • Background Parallax
    • Object Parallax
    • Bouncing Effects
    • Fast Effects
    • Image Masking on Scroll
    • Full Width Mask on Scroll
    • Zoom on Scroll
    • Scale on Scroll
  • Non-compliant motion
    • Any motion longer than 5 seconds without a pause button
    • Strobe Effects
    • Rotate on Scroll
    • Fast exit on Scroll
    • Horizontal Directional Scrolling

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.

09 Jul

week11y issue 82

Your weekly frequent11y newsletter, brought to you by @ChrisBAshton:

Kellogg’s: a game changer in accessible packaging

  • In partnership with RNIB, Kellogg’s has trialled including NaviLens codes on its packaging, giving visually impaired customers a way of scanning products to find out their ingredients, allergen and recycling information.
  • NaviLens codes work in a similar way to QR codes, but can be detected “in a fraction of the time, from up to three metres away”. RNIB and Kellogg’s deduced that NaviLens catered to more people with sight loss, rather than those with specific requirements (such as braille users).
  • 97% of the trial’s participants agreed they’d like to see more of these accessibility features available on grocery packaging.
  • There’s a 5 minute video explaining more about the project.

Screen Reader User Survey #9 Results

  • The famous WebAIM survey this year had 1568 responses, mostly from North America and Europe, with a pretty even age split. 92.3% of respondents said they have a disability, almost 80% of which was blindness.
  • 57.5% of respondents class themselves as “advanced” screen reader users, versus 37.4% “intermediate” and 5.1% “beginner”. This roughly correlates with their self-assessed levels of “Internet Proficiency”.
  • JAWS is the primary screen reader for over half of respondents, followed by NVDA on around 30%. VoiceOver counts for just 6.5%. This is a decline for NVDA and VoiceOver compared to previous years. Windows Narrator is the primary reader of less than 1% of respondents, but is “commonly used” by 41% of them, compared to 30% in 2019.
  • Chrome is the browser of choice for 53.6% of respondents, followed by Edge at 18.4% and Firefox at 16.5%. Chrome and Edge usage has increased notably. JAWS with Chrome is by far the most common screen reader & browser combination, at 32.5%. 91.1% of respondents use Windows, vs 6.5% on Mac.
  • 72% use iOS mobile devices, vs 25.8% on Android. This corresponds roughly with mobile screen reader usage of 71.5% on VoiceOver and 29.1% on TalkBack, and with choice of browser (Safari: 61.6%, Chrome: 24.2%).
  • 99.4% of respondents have JavaScript enabled.
  • Almost two thirds of screen readers report that they are “very satisfied” with their primary screen reader, and almost a third “somewhat satisfied”.
  • When asked how often they use “skip links” when available, 17.5% said “Always”, 15% said “Often”, 29.7% said “Sometimes”, 22.7% said “Seldom” and 15% said “Never”. Whilst very mixed results, these are largely unchanged from the 2017 survey.
  • Around 39% say web content has become more accessible this year, but around 42% say there has been no change, and 18.5% say content has become less accessible.
  • The majority of screen reader users navigate pages by working through the headings first. About 85% of users find the use of heading levels either very useful or somewhat useful.

Accessible design: How much motion is too much motion?

  • Heather Waroff, Senior Designer at Microsoft, writes about interaction design. The most useful part of the article for me was the list below, developed “in conjunction with Accessibility specialists”. It describes the types of motion that are considered safe (good), risky (‘it depends’), and non-compliant (bad).
  • Safe Motion:
    • Motion under 5 seconds, of the following types:
      • Show/Hide
      • Glowing
      • Color Transitions
      • Slides
      • Scaling
      • Fading
      • Glyph Transformations
  • Risky motion
    • Any motion longer than 5 seconds
    • Background Parallax
    • Object Parallax
    • Bouncing Effects
    • Fast Effects
    • Image Masking on Scroll
    • Full Width Mask on Scroll
    • Zoom on Scroll
    • Scale on Scroll
  • Non-compliant motion
    • Any motion longer than 5 seconds without a pause button
    • Strobe Effects
    • Rotate on Scroll
    • Fast exit on Scroll
    • Horizontal Directional Scrolling

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.

09 Jul

dai11y 09/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Accessible design: How much motion is too much motion?

  • Heather Waroff, Senior Designer at Microsoft, writes about interaction design. The most useful part of the article for me was the list below, developed “in conjunction with Accessibility specialists”. It describes the types of motion that are considered safe (good), risky (‘it depends’), and non-compliant (bad).
  • Safe Motion:
    • Motion under 5 seconds, of the following types:
      • Show/Hide
      • Glowing
      • Color Transitions
      • Slides
      • Scaling
      • Fading
      • Glyph Transformations
  • Risky motion
    • Any motion longer than 5 seconds
    • Background Parallax
    • Object Parallax
    • Bouncing Effects
    • Fast Effects
    • Image Masking on Scroll
    • Full Width Mask on Scroll
    • Zoom on Scroll
    • Scale on Scroll
  • Non-compliant motion
    • Any motion longer than 5 seconds without a pause button
    • Strobe Effects
    • Rotate on Scroll
    • Fast exit on Scroll
    • Horizontal Directional Scrolling

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.

08 Jul

dai11y 08/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Screen Reader User Survey #9 Results

  • The famous WebAIM survey this year had 1568 responses, mostly from North America and Europe, with a pretty even age split. 92.3% of respondents said they have a disability, almost 80% of which was blindness.
  • 57.5% of respondents class themselves as “advanced” screen reader users, versus 37.4% “intermediate” and 5.1% “beginner”. This roughly correlates with their self-assessed levels of “Internet Proficiency”.
  • JAWS is the primary screen reader for over half of respondents, followed by NVDA on around 30%. VoiceOver counts for just 6.5%. This is a decline for NVDA and VoiceOver compared to previous years. Windows Narrator is the primary reader of less than 1% of respondents, but is “commonly used” by 41% of them, compared to 30% in 2019.
  • Chrome is the browser of choice for 53.6% of respondents, followed by Edge at 18.4% and Firefox at 16.5%. Chrome and Edge usage has increased notably. JAWS with Chrome is by far the most common screen reader & browser combination, at 32.5%. 91.1% of respondents use Windows, vs 6.5% on Mac.
  • 72% use iOS mobile devices, vs 25.8% on Android. This corresponds roughly with mobile screen reader usage of 71.5% on VoiceOver and 29.1% on TalkBack, and with choice of browser (Safari: 61.6%, Chrome: 24.2%).
  • 99.4% of respondents have JavaScript enabled.
  • Almost two thirds of screen readers report that they are “very satisfied” with their primary screen reader, and almost a third “somewhat satisfied”.
  • When asked how often they use “skip links” when available, 17.5% said “Always”, 15% said “Often”, 29.7% said “Sometimes”, 22.7% said “Seldom” and 15% said “Never”. Whilst very mixed results, these are largely unchanged from the 2017 survey.
  • Around 39% say web content has become more accessible this year, but around 42% say there has been no change, and 18.5% say content has become less accessible.
  • The majority of screen reader users navigate pages by working through the headings first. About 85% of users find the use of heading levels either very useful or somewhat useful.

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.

07 Jul

dai11y 07/07/2021

Your daily frequent11y newsletter, brought to you by @ChrisBAshton:

Kellogg’s: a game changer in accessible packaging

  • In partnership with RNIB, Kellogg’s has trialled including NaviLens codes on its packaging, giving visually impaired customers a way of scanning products to find out their ingredients, allergen and recycling information.
  • NaviLens codes work in a similar way to QR codes, but can be detected “in a fraction of the time, from up to three metres away”. RNIB and Kellogg’s deduced that NaviLens catered to more people with sight loss, rather than those with specific requirements (such as braille users).
  • 97% of the trial’s participants agreed they’d like to see more of these accessibility features available on grocery packaging.
  • There’s a 5 minute video explaining more about the project.

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.

Loading...