From 59c62a5e094f14797b386658a2acb8edf6161275 Mon Sep 17 00:00:00 2001 From: Christiane Maier-Stadtherr Date: Sat, 2 Nov 2024 18:18:19 +0100 Subject: [PATCH 1/2] Update icons.md Improve accessibility --- versioned_docs/version-5.2/general-concepts/icons.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/versioned_docs/version-5.2/general-concepts/icons.md b/versioned_docs/version-5.2/general-concepts/icons.md index e49075a7..b610d7a3 100644 --- a/versioned_docs/version-5.2/general-concepts/icons.md +++ b/versioned_docs/version-5.2/general-concepts/icons.md @@ -17,14 +17,15 @@ To display such an icon you can use: ```php ?> - + ``` +The attribute aria-hidden="true" hides the icon from screen readers and improves accessibility. You can also display FontAwesome icons which aren't used in Joomla, but you have to include an additional CSS class. According to [fa style names](https://docs.fontawesome.com/web/setup/upgrade/whats-changed#full-style-names) the CSS classes should be "fa-solid" or "fa-brands": ```php ?> - - + + ``` From 4d5ae998c561c2c8e296d9e55d5096a7815c59c1 Mon Sep 17 00:00:00 2001 From: Harald Leithner Date: Thu, 14 Nov 2024 15:03:16 +0100 Subject: [PATCH 2/2] Sync to upcoming and 4.4 version --- docs/general-concepts/icons.md | 7 ++++--- versioned_docs/version-4.4/general-concepts/icons.md | 9 ++++++--- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/docs/general-concepts/icons.md b/docs/general-concepts/icons.md index e49075a7..b610d7a3 100644 --- a/docs/general-concepts/icons.md +++ b/docs/general-concepts/icons.md @@ -17,14 +17,15 @@ To display such an icon you can use: ```php ?> - + ``` +The attribute aria-hidden="true" hides the icon from screen readers and improves accessibility. You can also display FontAwesome icons which aren't used in Joomla, but you have to include an additional CSS class. According to [fa style names](https://docs.fontawesome.com/web/setup/upgrade/whats-changed#full-style-names) the CSS classes should be "fa-solid" or "fa-brands": ```php ?> - - + + ``` diff --git a/versioned_docs/version-4.4/general-concepts/icons.md b/versioned_docs/version-4.4/general-concepts/icons.md index 8913d7d4..4a785b9a 100644 --- a/versioned_docs/version-4.4/general-concepts/icons.md +++ b/versioned_docs/version-4.4/general-concepts/icons.md @@ -17,13 +17,16 @@ To display such an icon you can use: ```php ?> - + ``` +The attribute aria-hidden="true" hides the icon from screen readers and improves accessibility. -You can also display FontAwesome icons which aren't used in Joomla, but you have to include the "fa" class: +You can also display FontAwesome icons which aren't used in Joomla, but you have to include an additional CSS class. +According to [fa style names](https://docs.fontawesome.com/web/setup/upgrade/whats-changed#full-style-names) the CSS classes should be "fa-solid" or "fa-brands": ```php ?> - + + ```