| Url | https://boris.schapira.dev |
| Pronouns | he/him |
| WebPerf Tech Watch RSS | https://bookmarks.boris.schapira.dev/feed/rss?do=rss&searchtags=boostmarks |
| Perso Account | @borisschapira |
For the past week, I have been redecorating the house.
Even when I'm on vacation, I'm optimizing my Time To First Paint.
Create a web performance story in 3 easy (okay, easy-ish🙈) steps courtesy of @[email protected]! Check it out on the @[email protected] Engineering Blog: https://engineering.atspotify.com/2022/09/from-development-to-real-users-how-to-create-a-web-performance-story/
🐦🔗: https://twitter.com/SpotifyEng/status/1575500221970513920
Some of the most common questions asked when it comes to work with performance are, How do you convince stakeholders that improving the performance of your project is actually worth the investment? How can you prove that the work is necessary to begin with? Or prove that you have shipped improvements? And what is the [...]
Want to load your (LCP) hero image sooner?
Try <img fetchpriority=high> to boost its priority. Now used in production by Google Store, eBay, Etsy, Yahoo. Learn more: http://web.dev/priority-hints
🐦🔗: https://twitter.com/addyosmani/status/1581375939992092672
🎨 An endless collection of accessible color combinations: https://randoma11y.com
🐦🔗: https://twitter.com/components_ai/status/1580103588507881472
@[email protected] @[email protected] @[email protected] Puisqu’on est dans la saine démarche consistant à appliquer les règles @[email protected], je ne saurais trop vous recommander la règle numéro 113.
Pour l’appliquer aux publications faites sur les réseaux sociaux, c’est très facile : https://www.avh.asso.fr/fr/favoriser-laccessibilite/accessibilite-numerique/accessibilite-internet/reseaux-sociaux
#AccessibilitéNumérique #a11y
Pour que les personnes en situation de handicap puissent prendre connaissance des informations publiées sur les réseaux sociaux, il est indispensable que quelques précautions soient prises par les auteurs de publications.Ces précautions portent principalement sur :l’ajout systématique d’un texte alternatif aux images ;le recours à des couleurs suffisamment contrastées ;l’accessibilité des vidéos (sous-titres et/ou audiodescription, transcription textuelle) ;l’accessibilité des documents bureautiques vers lesquels renvoient les publications.Ces précautions sont très faciles à prendre et ne néce
Here’s a recording of how VoiceOver on Firefox announces the credit card number field in the Paddle checkout form (audio on to listen) =) https://twitter.com/SaraSoueidan/status/1577941158491201537
🐦🔗: https://twitter.com/SaraSoueidan/status/1578346744550543360
new little song:
"The Re-Org Rag (I'm My Own VP)"
🐦🔗: https://twitter.com/forrestbrazeal/status/1577298602371809281
What a wonderful overview of what goes into an accessible design system (https://tetralogical.com/blog/2022/06/24/accessible-design-systems/), by @[email protected] — from accessibility documentation to editorial style guide to screen reader UX and how to document it. #ux #accessibility
A design system is a library of styles, components, and patterns used by product teams to consistently and efficiently launch new pages and features. A good system has accessibility embedded throughout and includes documentation, guidelines and implementation notes for accessibility.
Spotted: React delivering your FAQ page.
Now you can test a new response header and its impact with local "response header override" with Chrome Devtools.
Activate Local overrides, load the page, right-click on the page, choose Response header overrides, enter the new header, reload.
#FasterWebsites #webperf #Chrome
🐦🔗: https://twitter.com/ebizindia/status/1575376271982624768
“Now you can test a new response header and its impact with local "response header override" with Chrome Devtools. Activate Local overrides, load the page, right-click on the page, choose Response header overrides, enter the new header, reload. #FasterWebsites #webperf #Chrome”
