Chris Ashton

week11y issue 116

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

The Future of CSS: CSS Toggles

Article by @bramus, discussing the new CSS Toggles Unofficial Proposal Draft, alongside the demo site for the proposed feature.

“CSS toggles are a mechanism for associating toggleable state with a DOM element”. Perhaps this is best summarised in a code example:

html {
  toggle-root: lightswitch; /* Create a toggle named lightswitch. It will cycle between 0 (inactive, default) and 1 (active) */

button {
  toggle-trigger: lightswitch; /* When clicking the button, toggle the lightswitch */

html:toggle(lightswitch) {
  /* Styles to apply when the lightswitch toggle is active */

This should make it much easier to define global toggles such as dark/light mode, applying reduced motion, switching to low data modes, etc, allowing us to apply the necessary styles without relying on JavaScript.

For now, this is just a prototype, and is subject to change. To start using this today, you’d need to use the polyfill.

I’m Deaf And I Have ‘Perfect’ Speech. Here’s Why It’s Actually A Nightmare.

Rachel Zemach writes about some of the frustrating encounters she’s had, as someone who became Deaf at the age of 10 (and had already learned to speak). Her speech is indistinguishable from someone who is not deaf, and she can ‘lip read’, which is problematic, as we’ll discuss below.

Incidentally, I’d come across the term ‘Deaf’ (with a capital D) before, but wasn’t quite sure when it should be used. Rachel links to an article describing the difference, which essentially comes down to whether or not the subject sees their deafness as an identity; a community that shares a mutual culture and language. Hence Rachel “became Deaf” at the age of 10, and “someone who is not deaf” refers simply to the medical definition of hearing loss. But I digress…

Lip-reading is hard, and pretty inaccurate: “55% to 70% of English is not lip-readable because many sounds are made deep in the mouth or throat”. This makes Rachel’s encounters with waiters and the like all the more frustrating, when, upon realising Rachel can lip-read and speak, they push to communicate only in speech. This contrasts heavily with when Rachel is out with her Deaf friends, who can not or choose not to lip-read/speak, where waiters are far more willing to ‘pantomime’ gestures to communicate.

Rachel has concluded that she will try and avoid speaking in future. She finishes with a request:

If you’re a hearing person, please, when you meet someone who says they can’t hear you, take your cues from them. Do they want you to write what you have to say? Do they want you to take down your mask and speak slowly? Do they want you to pantomime? Deaf and hard-of-hearing people are the experts on how to communicate with them. Ask them openly and earnestly and respect their solutions, which they’ll undoubtedly have.

Routing: I’m not smart enough for a SPA

I came across this via Anselm Hannemann’s Web Development Reading List. The author, Taylor Hunt, goes into a lot of detail about why they chose a traditional website over a Single Page Application (SPA), for a recent project.

There are a lot of accessibility concerns to consider when building an SPA, including:

  • Restoring scroll positions between navigations
  • Focussing on the last-used element when going ‘back’
  • Focussing on an appropriate element when going ‘forward’
  • And all the other client-side gubbins: back/forward history buttons, double-clicks, timeouts, ‘CMD + Click’, etc…

But the bit that struck me the most was this guideline from the article. We should favour:

  • Security even over accessibility (“downgrading HTTPS ciphers for old browsers isn’t worth letting credit cards be stolen”)
  • Accessibility even over speed (“a fast site for only the able creates inequality, but a slower site for everyone creates equality”).
  • Speed even over slickness (deliver a fast site rather than an unnecessarily fancy one).

The battle of security vs accessibility was something that struck me in my article, I Used The Web For A Day On Internet Explorer 8, where I was faced with the dilemma that certain sites forced TLS 1.1, and my browser was only capable of TLS 1.0. The sites’ security policies made them inaccessible to me, but I had to concede that this was probably the right call.

Cabinet Office signs £400k deal for digital accessibility audits

To audit the accessibility of its digital services, the Cabinet Office has signed a two year deal with Digital Accessibility Centre (DAC) – a non-profit organisation based in Wales.

Adding context to the deal, which Civil Service World values at £436,632, the article states: “Research conducted over the past two years, and published by the CDDO in January, found that about 99% of public sector websites contained accessibility issues representing a potential problem for users with physical or cognitive impairments – as well as a possible breach of the new regulatory requirements.”

Side note: DAC are not to be confused with Deque (pronounced “dee queue”), a leading accessibility organisation that also does accessibility audits. Not knowing how the latter was pronounced, I must admit I mixed up the two when I heard colleagues talking about their accessibility audits, and only recently clarified it in a work chat!

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.