Tutoriels Joomla

Quels sont les nouveautés de joomla 4.1?

Mise en évidence de la syntaxe

Lorsque vous créez une page complexe, il peut être nécessaire de pouvoir entrer directement du code ou même de modifier le code de votre contenu.

Mais lorsque vous regardez votre page en mode code, il est vraiment difficile de trouver ce que vous cherchez.

En ajoutant une mise en évidence de la syntaxe, toutes vos classes CSS et le balisage sont clairement affichés.

En prime, vous pouvez désormais rechercher et même remplacer du code ainsi que du texte.

Jooa11y - Le vérificateur d'accessibilité Joomla

Jooa11y est un outil d'accessibilité et d'assurance qualité qui met en évidence visuellement les problèmes courants d'accessibilité et de convivialité.

Destiné aux auteurs de contenu, Jooa11y identifie de nombreuses erreurs ou avertissements et fournit de l'aide et des conseils sur la façon de les corriger.

Jooa11y n'est pas un outil d'analyse de code complet - il met exclusivement en évidence les problèmes de contenu et est intégré à l'expérience de création de contenu.

Comment fonctionne le vérificateur ? Mode 1

C'est le mode par défaut pour travailler avec Jooa11y. Dès que vous avez enregistré un article, vous verrez un nouveau bouton sur la barre d'outils appelé Vérification de l'accessibilité.

Sélectionnez ce bouton et l'article s'ouvrira dans une fenêtre modale et le vérificateur s'exécutera sur le contenu que vous venez de créer.

Mode 2

Dans ce mode, le vérificateur est activé sur toutes les pages de votre site. Ceci est utile lors du développement du site Web, mais ne doit pas être laissé activé lorsque le site Web est en ligne.

Comme il est visible par tout le monde, il n'est pas activé par défaut. Vous devez activer ce mode dans les paramètres du plugin.

Plus d'informations

JOOA11Y - Le vérificateur d'accessibilité Joomla

......

Fonctionnalités

Destiné aux auteurs de contenu, Jooa11y identifie de nombreuses erreurs ou avertissements et fournit des conseils sur la façon de les corriger. Jooa11y n'est pas un outil d'analyse de code complet - il met exclusivement en évidence les problèmes de contenu.

Navigation au clavier et raccourcis

Plusieurs raccourcis clavier

Alt + A (accessibilité) - Basculer le panneau

Esc - Fermer le panneau

Alt + S(kip) - Passer au numéro suivant

Alt + . - Passer au numéro suivant

Etats

Jooa11y a trois états simples.

Les erreurs

Les problèmes d'accessibilité et de convivialité sont détectés. Jooa11y met en évidence les problèmes d'accessibilité courants des niveaux A et AA des WCAG 2.1.

Avertissements

Vous avertit des problèmes potentiels d'accessibilité ou de convivialité et vous invite à examiner manuellement un élément. 

Valider

Aucun problème apparent d'accessibilité ou de convivialité n'est détecté. Un "pouce en l'air" pour vous faire savoir que vous êtes bon.

Les erreurs

Images

• Texte alternatif manquant.
• Le texte alternatif contient une extension de fichier.
• Le texte alternatif ne contient que du texte d'espace réservé.

Liens

• Texte de lien générique tel que « en savoir plus » ou « cliquez ici ».
• Hyperliens vides.
• Liens contenant uniquement une police d'icônes sans nom ni étiquette accessible.

Les tables

• En-têtes de tableau manquants.
• En-têtes de tableau vides.
• Le tableau contient des en-têtes sémantiques.

Rubriques

• Titres qui sautent des niveaux.
• La page ne commence pas par un titre 1 ou un titre 2.
• Rubriques vides.
• Titre 1 manquant.
• Mauvais contraste du texte.
• Entrées étiquettes manquantes.
• Langue de la page non déclarée.

Avertissements

Rubriques

• Les blocs de citations sont incorrectement utilisés comme titres.
• Titres trop longs (ce n'est pas une exigence WCAG 2.1).
• Texte en gras utilisé comme titres.

Images

• Images hyperliens : assurez-vous que le texte alternatif décrit l'emplacement du lien.
• Images contenant des mots redondants dans le texte alternatif comme "image de" ou "graphique de".
• Utilisation de TOUTES LES MAJUSCULES/majuscules.
• Contraste qui ne peut pas être déterminé par programme, tel qu'un texte avec une image d'arrière-plan.
• Sous-titres pour les vidéos.
• Transcriptions de podcasts et de contenu audio.
• Vérifiez l'accessibilité du PDF ou recommandez de le convertir en HTML.

Liens (Avancé)

• Liens qui s'ouvrent dans un nouvel onglet sans avertissement.
• Les liens avec des noms identiques doivent avoir un objectif équivalent.
• Liens vers des fichiers PDF et autres sans avertissement.

Vérifications supplémentaires

Jooa11y a quatre vérifications facultatives et un paramètre de mode sombre qui peut être activé dans l'onglet "Afficher les paramètres". Bien que ces vérifications soient "facultatives", cela ne signifie pas qu'elles ne sont pas importantes !

Contraste

• Vérifie le contraste de divers éléments de texte.
• Étiquettes de formulaire
• Vérifie toutes les entrées de formulaire pour une étiquette correspondante.
• Recommandation d'utilisabilité pour supprimer les boutons "Réinitialiser" sur les formulaires.

Liens (Avancé)

• Liens qui s'ouvrent dans un nouvel onglet sans avertissement.
• Les liens avec des noms identiques doivent avoir un objectif équivalent.
• Liens vers des fichiers PDF et autres sans avertissement.

Lisibilité

• Estime le score de lisibilité de tout le contenu des paragraphes et des listes.

Présentation

• Le bouton Afficher le plan affiche la structure d'en-tête de la page, semblable à la table des matières d'un livre. Le contour de la page vous donne une idée visuelle de la façon dont chaque partie est interconnectée.

.......

Lisibilité

Jooa11y peut estimer le score de lisibilité de tous les paragraphes et répertorier le contenu dans la zone de contenu principale . Un bon score de lisibilité est une indication que votre écriture est compréhensible et facile à digérer. Il est basé sur la longueur moyenne des phrases et des mots sur votre page, en utilisant une formule connue sous le nom de test de facilité de lecture Flesch (Wikipedia).

Un "bon" score de lecture se situe entre 60 et 100. Parfois, il peut être difficile d'obtenir un bon score de lisibilité. La plupart de vos pages peuvent indiquer "difficile". N'oubliez pas que cette fonctionnalité sert uniquement à estimer la lisibilité de votre contenu. Il ne doit être utilisé qu'à titre de référence et non comme une indication de conformité.

Vous pouvez activer la fonction de lisibilité dans le panneau des paramètres.

Conseils pour améliorer le score

• Conservez des phrases d'environ 15 mots en moyenne.
• Évitez les phrases de plus de 25 mots.
• Divisez les longues phrases ou utilisez des puces.
• Évitez les mots complexes ou les mots avec beaucoup de syllabes.

Détails techniques sur le score de lisibilité

Jooa11y calcule le score de lisibilité en fonction de tous les paragraphes (balises <p>) et du contenu de la liste (balises <li>). Un score faible n'affecte pas l'état de réussite ou d'échec de Jooa11y. Cette fonctionnalité ne fonctionne que pour le contenu en anglais (pour le moment).

Source :https://joomla-projects.github.io/joomla-a11y-checker/

 Planificateur de tâches

De nombreuses extensions Joomla offrent des options pour automatiser certaines tâches, par exemple l'optimisation des images, la réalisation d'une sauvegarde ou l'envoi d'une newsletter.

Jusqu'à présent, ils avaient tous besoin de créer leur propre code pour planifier la tâche et/ou compter sur le propriétaire du site pour comprendre comment configurer une tâche cron. 

Avec Joomla 4.1, il existe désormais un composant de base que les développeurs peuvent utiliser avec leurs extensions. C'est aussi simple que d'écrire un nouveau plugin, puis le composant Planifier les tâches fournit toute l'automatisation et les contrôles permettant au propriétaire du site de gérer la tâche.

L'aide en ligne

Il a été décidé qu'à certains endroits, un peu plus d'aide est nécessaire lors du réglage des options.

Pour faciliter cela, il est désormais possible de basculer l'affichage d'une aide en ligne plus détaillée.

Actuellement, cela n'est disponible que dans la configuration globale, mais peut être étendu pour inclure toute autre page de configuration.

Langue

Lorsqu'une page contient du contenu qui n'est pas dans la même langue que la page, la langue de ce contenu doit être définie d'une manière déterminable par programme.

Cela permet à la fois aux technologies d'assistance et aux agents utilisateurs conventionnels de transmettre le texte avec plus de précision. Par exemple, les lecteurs d'écran peuvent utiliser les règles de prononciation de la langue du texte.

Thème enfant

Comment modifier un thème et ne pas perdre cette modification lors de la mise à jour ? Comment créer plusieurs remplacements différents de la même vue ?

Un thème enfant fonctionne exactement de la même manière que n'importe quel autre modèle, sauf qu'il utilise tout le code, php, css et javascript, de son modèle parent. À son niveau le plus élémentaire, il ne contient qu'un seul fichier, templateDetails.xml, car tout le reste est hérité du parent. 

Désormais, avec un modèle enfant, vous pouvez personnaliser le modèle et garder le modèle parent aussi propre que le jour où votre fournisseur de modèles l'a fourni. Il n'y a pas de limite au nombre de modèles enfants que vous pouvez créer afin que chacun puisse avoir des mises en page et un style différents.

 Traduction libre de l'article https://domorewithcore.com/new-in-joomla-4-1