---
title: "Domino's is no a11y?"
publication: "Frontend Focus"
issue: 403
published_at: "2019-08-07"
canonical_url: "https://frontendfoc.us/issues/403"
---

This week's HTML, CSS, browser, and frontend news       

#403 — August 7, 2019 

[Read on the Web](https://frontendfoc.us/issues/403)   

Frontend Focus 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1565172566/y0wkijqwzcaiqutb4f4t.jpg)](https://www.theverge.com/2019/8/1/20750913/dominos-pizza-website-accessible-blind-supreme-court-lawsuit)   

[Domino’s Asks The Supreme Court to Shut Down Lawsuit Requiring Its Website Be Accessible to Blind People](https://www.theverge.com/2019/8/1/20750913/dominos-pizza-website-accessible-blind-supreme-court-lawsuit) — A blind man has [filed a lawsuit against Domino’s](https://www.cnbc.com/2019/07/25/dominos-asks-supreme-court-to-say-disability-protections-dont-apply-online.html) after asserting that the ‘Americans with Disabilities Act’ requires businesses to make accommodations for those with disabilities, including online. The pizza company is reportedly arguing that the requirements would be inconsistent and costly. This comes [following an increase in similar litigation](https://www.vox.com/the-goods/2019/2/5/18210912/websites-ada-compliance-lawsuits) in recent years. 

Nick Statt   

[Native Lazy-Loading for The Web](https://web.dev/native-lazy-loading) — As of Chrome 76 (available now), you can use the `loading` attribute to natively lazy load resources, without the need for custom code or a separate JS library. This post dives into the details. 

Houssein Djirdeh, Addy Osmani, Mathias Bynens   [![\](https://copm.s3.amazonaws.com/bf2ecab6.png)](https://clubhouse.io/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=aug2019&rsCode=FRONTENDFOCUS) 

[A Better Way to Track Your Backlog](https://clubhouse.io/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=aug2019&rsCode=FRONTENDFOCUS) — Want a project management tool that's both powerful and a joy to use? Designed for developers, Clubhouse simplifies your workflow. Seamless integration with GitHub, GitLab, Slack and more. Start your free trial today and get 2 extra free months. 

Clubhouse.io sponsor   

[New CSS Features in Firefox 68](https://hacks.mozilla.org/2019/07/new-css-features-in-firefox-68/) — A look at the CSS additions and changes introduced in Firefox 68, including CSS scroll snapping, the `::marker` pseudo-element and more. 

Rachel Andrew (Mozilla)   

[A CSS Modules v1 Explainer](https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/CSSModules/v1Explainer.md) — Don’t get ready to use them yet, but this is an interesting, early-stage proposal to extend the ES modules system (i.e. JavaScript modules) to include CSS modules. 

Dan Clark   

[Writing Modes And CSS Layout](https://www.smashingmagazine.com/2019/08/writing-modes-layout/) — “Writing modes” aim to address the situation where you need to write written language in directions other than left-to-right, top-to-bottom. Rachel Andrew looks at why supporting writing modes is important and how they interact with CSS, grid layouts, and flexbox. 

Rachel Andrew  

💻 Jobs  

[Frontend Engineer - In Dili, Timor-Leste or Possibly Remote](https://catalpa.io/work-with-us/) — Work with people globally to create change, using technology to empower people, through our programs in aid and global development. 

Catalpa International   

[Frontend Developer at X-Team (Remote)](https://x-team.com/remote-frontend-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=frontend) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. 

X-Team   

[Frontend Developers Are in Demand on Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-frontendfocus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77580) — Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. 

Vettery  

📙 Articles, Tutorials & Opinion  

[Multi-Column Manipulation](https://every-layout.dev/blog/multi-column-manipulation/) — An interesting experiment in applying multiple columns in response to the amount of content. So, if the viewport is wide enough the content will dynamically divide to two or more columns. 

Heydon Pickering   

[An Introduction to Svelte](https://daveceddia.com/svelte-intro/) — Svelte is a frontend framework (in the same vein as React or Angular) — here’s a look at how it works, hot to get started with it, plus a few example apps. 

Dave Ceddia   

[Want a Better Way to Store and Serve Images and Videos](https://cloudinary.com/users/register/free?utm_source=front_end_focus&utm_medium=sponsored_placement&utm_campaign=dev_sign_up&utm_content=sponsored_link&utm_keyword=august_7_2019) — Join a community of over 450K web and mobile developers dynamically managing rich media with Cloudinary. Try it free. 

Cloudinary sponsor   

[Using Progressive Enhancement to Design for Accessibility](https://www.sitepen.com/blog/using-progressive-enhancement-to-design-for-accessibility/) — When it comes to UI, what does progressive enhancement actually look like? This article digs into it, and offers up links to helpful resources. 

Scott Jensen   

[The `:empty` Selector](https://dev.to/samanthaming/css-empty-selector-b6f) — How to use the `:empty` selector to style elements with no children or content. 

Samantha Ming   

[This Ain’t Disney: A Practical Guide to CSS Transitions and Animations](https://t.co/8MrVs1MusP) 

Mohammed Ibrahim   

[The 2019 Design Systems Survey Results](https://designsystemssurvey.seesparkbox.com/2019/) — Lots of detail here as to both _how and why_ people are using design systems — the takeaway being that they add value in providing consistency and efficiency. 

Sparkbox   

[Making a Realistic Glass Effect with SVG](https://css-tricks.com/making-a-realistic-glass-effect-with-svg/) 

David Fitzgibbon   

[Bringing CSS Grid to WordPress Layouts](https://css-tricks.com/bringing-css-grid-to-wordpress-layouts/) 

Andrea Gandino and Simone Maranzana  

🔧 Code, Tools & Resources 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1565097508/romrd0dsgxs7nfqycywz.png)](https://codepen.io/thewizardjs/pen/WVEBLo)  

[Infinite Burger](https://codepen.io/thewizardjs/pen/WVEBLo) — Drag and resize the window and the burger will grow, thanks to the `background-repeat: round` property_…and now I’m hungry_. 

Thiyagaraj T codepen   

[Font Style Matcher](https://meowni.ca/font-style-matcher/) — Using a web font? This little tool helps you pick a decent fallback font to try and minimize any noticeable ‘flash of unsettled text’ during initial render. 

Monica Dinculescu   

[Detect & Debug User-Facing Issues in Critical Endpoints & Apps with Synthetic API Tests](https://www.datadoghq.com/dg/apm/synthetics/api-test/?utm_source=Advertisement&utm_medium=CooperPress&utm_campaign=CooperPress-FrontEndFocusAPITestsB) 

Datadog Synthetics sponsor   

[cessie: Transpile Your CSS Bundle](https://github.com/bjarneo/cessie) — …to support CSS variables, calc, and future CSS for legacy browsers. 

Bjarne Øverli   

[Photoronoi](https://wattenberger.com/photoronoi) — This is a neat effect. Upload an image (or point it to an image URL) and see it turned into a [Voronoi-style](https://en.wikipedia.org/wiki/Voronoi_diagram) SVG. 

Amelia Wattenberger   

[Hotkey: Trigger an Action on an Element When a Keyboard 'Hotkey' is Pressed](https://github.com/github/hotkey) — Want quick and simple keyboard shortcuts for elements on your page? Set the `data-hotkey` attribute and use Hotkey. GitHub built and uses it (view source on any GitHub page and look for the `data-hotkey` attributes). 

GitHub   

[FileSaver.js: An HTML SaveAs() FileSaver Implementation](https://github.com/eligrey/FileSaver.js) 

Eli Grey   

🗓 Upcoming Events  

[WebAIM: Web Accessibility Training, August 13-14 — Logan, Utah](https://webaim.org/training/) — Covers basic web accessibility principles to advanced accessibility techniques.   

[Front Conference, August 29-30 — Zurich, Switzerland](https://frontconference.com) — A two-day double-track conference for everyone involved from concept to implementation.   

[Web Unleashed 2019, September 13-14 — Toronto, Canada](https://fitc.ca/event/webu19/) — Covers a variety of front-end topics leaving you 'informed, challenged and inspired'.   

[State of the Browser, September 14 — London, UK](https://2019.stateofthebrowser.com/) — A one-day, single-track conference with widely varying talks about the modern web.   

[CSSConf, September 25 — Budapest, Hungary](http://cssconfbp.rocks) — A community conference dedicated to the designers and developers who love CSS.   

[Accessibility Scotland, October 25 — Edinburgh, UK](https://accessibility.scot) — One day of talks. Friendly, open discussion about accessibility.           

A **[Cooperpress](https://cooperpress.com/)** publication — Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) & [Peter Cooper](https://twitter.com/peterc). 

[Change your email address](https://frontendfoc.us/edit_subscription/*|UID|*) or[stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom