Weekly Shaarli
Week 49 (December 2, 2024)
aria-label and aria-labelledby aren’t permitted on these elements. They are intended for interactive elements (buttons, links, form controls) and landmark regions.
The author provides the HTML elements that are not allowed to have an aria-label or aria-labelledby.
VoiceOver generally announce the contents of the aria-label. That aria-label “works” on generic elements in VoiceOver is a nonstandard remediation of noncompliant code, not an endorsement of a technique working as intended.
The author provides multiple HTML patterns to avoid the use of aria-label in the first place! Great!
- Was the Label Addressing a Problem Worth Solving in the First Place?
- Use visible text
- Use Visually-Hidden Text
- Use More Semantically Applicable Elements
- Add an Applicable Role
First results of Germany's trial on work time reduction.
I have money and I have a URL, how do I send money to the publisher of that URL?
The Payment Request API is too technical.
Linking to payment methods in the page.
Podcasting 2.0 RSS has a <podcast:funding> tag.
Flattr but the solution is not so great.
Brave.
...
Maybe a <meta property="financial-support" content="https://...."
Entre les États-Unis et l'Inde
Les entreprises ITSM-NG avec XWiki et
ITSM-NG, en lient avec Opensource Experts.
Un audit d'accessibilité peut être réalisé avec l'outil Ara
Basé sur la dernière version du référentiel général d’amélioration de l’accessibilité (RGAA 4.1), avec Ara vous pouvez :
– Faire un état des lieux (audit partiel de 25 ou 50 critères)
– Faire un audit complet, dit de conformité (106 critères)
– Générer votre rapport d’audit et votre déclaration d’accessibilité
Working with SemVer leads to two observations:
- only two version numbers are sufficient: there's no real difference between patch and minor.
- deprecate than remove cycle: using a major version only leads to the removal of deprecation warnings and their associated feature. It means bumping for 1 to 2 should works, if the version 1 does not throws warnings anymore.
how to judge the semver approach? Either describe the thing actually behaves (descriptivist) or describe about the right and wrong ways to use a particular tool (prescriptivist).
Another instance of this pattern playing out I’ve noticed are log levels. You can get very philosophical about the difference between error, warn and info. But what helps is looking at what they do:
- error pages the operator immediately.
- warn pages if it repeats frequently.
- info is what you see in the prog logs when you actively look at them.
- And debug is what your developers see when they enable extra logging.
Le financement immoral des compteurs Linky au détriment des consommateurs.
Why research needs free open source softwares.
It shows two things:
- Science must not use commercial software
- Science is underpaid if it has to use pirated software
(via https://nicolas-delsaux.hd.free.fr/Shaarli/shaare/eptdLQ)
Découverte d'alternatives libres et d'outils de protection contre le pistage facile à installer.
Trying random stuff for hours instead of reading the documentation.
What is accessible for an accessible button.
Des disques durs reconditionnés
Dans un autre registre, la femme est « un être humain défini par ses caractères sexuels qui lui permettent de concevoir et de mettre au monde des enfants », pointe la LDH. « Faut-il en conclure qu’une femme stérile ou ménopausée n’en est pas une ? », s’interroge-t-elle. Elle épingle également la définition de l’hétérosexualité, qui est décrite comme une relation « naturelle » entre les sexes ; « ce qui implique que l’homosexualité ne l’est pas », en déduit la LDH.
...
L'accessibilité au clavier de base 😄
C'est un challenge
A 1.5GB csv file to retrieve all video names
Un argumentaire en faveur des réseaux sociaux décentralisés.
UX and AI, but no single speaker addressed the training data sources, the energy requirements,
But never once did the question arise of whether it’s ethical to even use these tools.
One topic was expressed: the AI slop
There’s a quote by Finnish architect Eliel Saarinen that UX designers like repeating:
Always design a thing by considering it in its next larger context. A chair in a room, a room in a house, a house in an environment, an environment in a city plan.
As Molly White states:
There are no ethical uses of current large language models.
Signal seems to consume a lot of battery.
Si la vue d’une personne handicapée heureuse et épanouie, ou du moins luttant du mieux qu’elle peut dans une société qui n’est pas adaptée, vous émeut, ne venez pas nous féliciter en nous caressant la joue. Venez plutôt lutter avec nous pour que nos réussites deviennent l’ordinaire.
How to create accessible spoilers without JS? Well it's a tradeoff.
A great project for lightbox
and how to batch to optimize DELETEs
Une argumentation suite au guide.
L’IA excelle dans l’automatisation des tâches fastidieuses et chronophages telles que la présentation des citations.
Mais il faut vérifier l'exactitude des sources bibliographiques.
ChatGPT peut vous aider à démarrer vos recherches
Toutes informations plus complexe que ce qui peut être trouvé sur un moteur de recherche doit toujours être recherché.
Mais n’oubliez pas : bien qu’il puisse vous orienter dans la bonne direction, ChatGPT ne remplace pas la lecture de sources primaires et d’articles évalués par des pairs. Et comme les modèles de langage peuvent générer des informations inexactes, vérifiez toujours vos faits.
and more.
The official definition of MIME types
- 3D flow diagram for relationships and connections
- Card Diagram to highlight and select information or data in relation to its surrounding data and information
- Pyramid graph: Being great at showing two categories of information and comparing them horizontally, they are an alternative to typical horizontal or vertical bar graphs.
Pyramid graph - Sankey Flow Diagram: show the progression and the journey of information and data and how they are connected in relation to their data value.
- Stream graph: a great way to show the data and how it relates to the other data
- Tree map: It’s a great way to show the data spatially and how the data value relates, in terms of size, to the rest of the data.
- Waterfall chart: showing the data and how it relates in a vertical manner to the range of data values.
- Doughnut chart: show the data against the other data segments, and value within a range of data.
- Lollipop chart: excellent method to demonstrate percentage values that also integrates the label and data value well.
- Bubble Chart: illustrate data values in terms of size and sub-classification in relation to the surrounding data.
Taylor Swift a encore trouvé un moyen d'innover, et de manière remarquable.
I shortened my sentences. I used keywords that Google could identify easily. I wrote in a way that allowed Google to understand our content, following a set of nebulous rules laid out by the overlords. The rules were never expressly stated, but trial and error from millions of people that came before our blog seemed to point to a common path. And that path was “Juicy Info Nuggets”.
In September of 2023 Google started rolling out what it called its “Helpful Content Update“. The stated goal of this update to search results was to reduce the amount of spam and AI-generated crap that littered the internet. The actual result? The destruction of small publishers, blogs, and the Rise of Reddit.
And where does that leave bloggers, small publishers, and the like? Well, after years of training online publishers to write in a fashion that Google web crawlers could easily identify, in easily digestible nuggets of information, Google will be taking those nuggets and giving them away for free. Because hey, when you’re a huge monopoly you can do whatever you want.
A list of things to avoid
Trois startups proposent trois solutions::
- Une horloge atomique miniaturisée de la taille d'un boîtier ATX horizontal par Infleqtion et son système Tiqker. Cette boîte vient de décrocher le jackpot avec 11 millions de dollars du Département de la Défense américain. Matthew Kinsella, leur CEO, l’explique simplement : “Si vous connaissez votre point de départ, vos changements de vitesse et de direction, et que vous disposez d’une mesure du temps ultra-précise, vous savez exactement où vous êtes. Et ça, c’est impossible à pirater !”
- SandboxAQ utilise des capteurs quantiques pour détecter les variations du champ magnétique terrestre, comme les oiseaux migrateurs.
- Rendre les capteurs quantiques plus sûrs via https://q-ctrl.com/
J'ouvre l'espace "dépôt de documents" sur le site de ma mutuelle, et je vois un Thumbs.db.
Purin encore un machin géré sous Windows. Non seulement géré sous Windows, mais accédé via cette saleté d'explorateur de fichiers Windows :facepalm:
J'imagine les employés qui viennent double-cliquer sur les fichiers déposés par les adhérents😬
Les probables problèmes de droits entre répertoires, les fausses manipulation (entre adhérents) trop vites arrivées quand on manipule de fichiers à la souris, etc
The comparisons are a nice reminder that we don’t have to take in what we put out.
I now feel reconciled that this is not a problem or a sign that we’re in the wrong line of work.
Years ago I read this review on a new book at the time, The Happiness Curve: Why Life Gets Better After 50 by Jonathan Rauch. The book explores the phenomenon of a "U-shaped" trajectory in life satisfaction. Drawing on extensive research, Rauch reveals that happiness often declines from our 20s into our 40s, reaching a low point in midlife, before rising again in our 50s and beyond. This pattern, observed across various cultures and demographics, suggests that the midlife slump is a natural phase rather than a crisis. When I read the review I remember thinking, sweet! I have something to look forward to in a few years.
Alternative text:
Headline: Reaching people on the internet
Frame 1
Title: How it used to be:
Character Matt stands in front of modest building labeled "Matt's Website" with flags "Email", "Netvibes" (sp?), and "RSS" flags flying from roof. Matt says, "Come on over! I've got some neat stuff here." as a small group listens.Frame 2
Title: What Happened:
Matt's modest building is now dwarfed by a giant skyscraper with Facebook logo on it. Sign above entrance says, "Welcome, new active users!" The small group of characters rushes over to Facebook while Matt says, "Actually, follow me over there. It'll be easier for us to reach each other."Frame 3
Title: Where we're at now:
Matt stands outside Facebook building, alone. His modest building stands in background Sign above Facebook entrance says, "Door locks ENGAGED." as Matt yells at building, "Hey, I made some new stuff. Can you show it to my followers?"Frame 4
Sign above Facebook entrance says, "PROMOTION! Boost this post for $10,000 and reach a fraction of your followers!" Matt looks at building and says, "Fuck."
(thanks https://kolektiva.social/@JohnMFlores/109383699767799787)
Similar to a gardener.
Play around with ideas, follow intersting threads and see where it goes.
When something start to make sense, a TODO list follows.
As for staying motivated during the build process, while I don't have anything prescriptive I did write a post on what works for me.
It reflects ARIA presses state with CSS. Isn't it already built-in ?
I am using it for aria-current.
It reminds me of these projects about customizing the homepage and new windows of the browser.
These templates are inspiring!
When a link is activated for a navigation, a POST request can be sent at the same time.
I didn't know it, and you can find a short explanation on MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping
The Nuxt, or the Next.js, or SvelteKit, or Solid Start of Angular
As much as I hate online ads, they supported people to do the thing that they enjoyed as a profession — but that ability is now extremely rare. Bloggers are the ones that tell you this doesn’t matter. That they do it for themselves, not for the income. Writers, on the other hand, won’t bother if the juice isn’t worth the squeeze. Being a blogger means that writing online, even when your posts are scruffy and error-prone, is something you do for the enjoyment of it, and that’s the best place to be.
Les coûts directs:
- légaux ou juridiques: amendes ou sanctions.
- les corrections
- les surcoûts techniques lorsque l'infrastructure n'est pas optimisée.
Les coûts indirects:
- la communication sur les incidents, SAV, etc...
- les pertes commerciales (dédommagement)
- la perte de productivité ou l'absentéisme
- la formation
engendrent du manque à gagner
- la visibilité (publicité supplémentaire nécessaire)
- la non fidélisation (churn) des clients existants
- l'image
Il y a aussi des coûts de surqualité !
La pourriture de cerveau (brain rot): Détérioration supposée de l'état mental ou intellectuel d'une personne, notamment considérée comme le résultat d'une surconsommation de contenu (aujourd'hui particulièrement en ligne) considéré comme insignifiant ou non stimulant »
La merdification (enshittification) est le terme désignant la détérioration progressive d'un service ou d'un produit, en particulier d'une plateforme en ligne, provoquée par une réduction de la qualité du service fourni résultant de la recherche de profit.
(in the context of big tech companies)
the priority of a project is to ship!
But it’s really important that one person on the project has an end-to-end understanding of the whole thing: how it hangs together technically, and what product or business purpose it serves.
You only know you’ve shipped when your company’s leadership acknowledge you’ve shipped.
you have to get clear on what the company is looking to get out of the project. [...] Align your work and communication accordingly!
Second, no matter the project goal, your leadership team will always have basically zero technical context about the project. They will rely on you for estimates, to answer technical questions, and to anticipate technical problems. Maintaining that trust should be your top priority.
How?
- track record of having shipped in the past.
- project confidence
- project competence
- communicate professionally and concisely. Share updates.
Then getting to production! Often a key detail is missing. Sometimes the user documents are stored in memcached and are MB large, or the data stored are unexpectedly sensitive legally sensible.
Can we ship right now?
Bring up the feature to as many eyes as possible!
If you want to ship, you need to do the exact opposite: you need to deploy as much as you can as early as possible, and you need to do the scariest changes as early as you can possibly do them.
A good example comes from looking towards the impact of incorporating AI into search engines such as Google. A single generative AI query could use 4 to 5 times more energy than a regular search engine query. Others found that average energy consumption per search could be 6.9–8.9 Wh, compared to 0.3 Wh for a standard Google search. This gives us an enormous range of 4-30 times larger. Whichever end of the scale the figures land, it’s a significant increase.
Does the result quality increases at the same rate?
The report is available on the green web foundation
C'est toujours compliqué de détecter les messages générés par IA, mais il y a ici une tendance: les messages générés augmentent.
Are hCaptcha not accessible to screen readers?
Check from which instances accounts follow you
A web page providing a representation of the federation's network.
A bit broken at times.
It's quite funny to see the links and interconnections between the thousands of instances.
Search through fediverse instances.
Instances closes to you 😁
The misleading meanings of the sparkles icon
The sparkles icon has become a primary way to represent AI-related features and actions
🙄 and no one is capable to tell what the AI features are. They are still a mess in some way, but hey it's AI driven so it's awesome.
Similar to the advents of code
Exactly what I wanted to build !
In short:
- Anchors (links) are for navigating within the current document (page) or to another one.
- The dedicated "submit" and "reset" buttons are for specific form actions.
- Regular buttons are for (JavaScript) actions.
- Links can be styled to look like buttons and vice versa.
Link for navigation.
Buttons for actions.
"Look and feel" can be adjusted in CSS anyway...
A Firefox extension to prevent sites from blocking copy/paste, for example :
- to prevent you from copying part of the text on a page.
- to prevent you from pasting your email address in the email confirmation field.
- to prevent you from pasting a password.
Should it become a standard layout?
Les décès et accidents font de la sécurité des usages un argument majeur !