Quotidien Shaarli

Tous les liens d'un jour sur une page.

July 23, 2025

Quand CSS casse l'accessibilité, quelques écueils à éviter - Alsacreations

L'article explore comment certaines propriétés CSS, bien que conçues pour améliorer la mise en page, peuvent nuire à l'accessibilité pour les utilisateurs de technologies d'assistance. Il met en lumière des problèmes subtils liés à l'utilisation de propriétés comme display et list-style, qui peuvent altérer la sémantique des éléments HTML, rendant les tableaux et les listes inaccessibles, notamment sur Safari avec VoiceOver. L'article propose des solutions, telles que l'utilisation de rôles ARIA pour préserver l'accessibilité, et offre une checklist pour garantir que les styles CSS ne compromettent pas l'accessibilité avant le déploiement d'un projet.

Erugo : votre WeTransfer auto-hébergé et open source

L'article présente Erugo, un logiciel auto hébergé pour le partage de fichiers. L'auteur décrit aussi la procédure d'installation (plutôt simple grâce à Docker)

anthropics/anthropic-cookbook: A collection of notebooks/recipes showcasing some fun and effective ways of using Claude.

Il s'agit d'un ensemble de recettes (guides et code) pour aider les développeurs à travailler avec Claude, leur donnant des extraits (pouvant être copiés collés) que l'on peut facilement intégrer dans ses projets.

  • Compétences
    • Classification: Explorer les techniques de classification des textes et des données à l'aide de Claude.
    • Retrieval Augmented Generation: Apprenez comment améliorer les réponses de Claude avec des connaissances externes.
    • Résumé: Découvrez les techniques pour une synthèse de texte efficace avec Claude.
      Utilisation et intégration des outils
    • Utilisation de l'outil: Apprenez à intégrer Claude avec des outils et des fonctions externes pour étendre ses capacités.
      • Agent de service à la clientèle
      • Intégration des calculateurs
      • Questions SQL
  • Intégrations de tiers
    • Production augmentée de récupération: Compléter les connaissances de Claude avec des sources de données externes.
      • Bases de données vectorielles (Pinecone)
      • Wikipédia
      • Pages Web
      • Recherche sur Internet (Brave)
    • Encastrement avec l'IA de Voyage
  • Capacités multimodales
    • Vision avec Claude:
      • Démarrage avec des images
      • Meilleures pratiques de vision
      • Diagrammes et graphiques d'interprétation
      • Extraction du contenu des formulaires
    • Générer des images avec Claude: Utiliser Claude avec une diffusion stable pour la génération d'images.
  • Techniques avancées
    • Sous-agents : Apprenez à utiliser Haiku comme sous-agent en association avec Opus.
    • Télécharger des PDF sur Claude: Parse et passer les PDF en tant que texte à Claude.
    • Évaluations automatisées: Utiliser Claude pour automatiser le processus d'évaluation rapide.
    • Activer le mode JSON: Assurer une sortie JSON cohérente de Claude.
    • Créez un filtre de modération: Utilisez Claude pour créer un filtre de modération de contenu pour votre application.
    • Mise en cache rapide: Apprenez les techniques de mise en cache rapide efficace avec Claude.
  • Ressources supplémentaires
    • Anthropic sur AWS: Explorez des exemples et des solutions pour utiliser Claude sur l'infrastructure AWS.
    • AWS Échantillons: Une collection
Bluesky Likes Web Components • Lea Verou

Dans son article, Lea Verou aborde les défis rencontrés lors de la création de composants web accessibles et localisables en 2025, tout en présentant deux composants qu'elle a développés pour afficher les "likes" de Bluesky. Elle partage des conseils pratiques sur l'utilisation des éléments <slot> et des attributs pour la personnalisation, tout en mettant l'accent sur la balance bénéfice / effort de développement.