render toolbar ariaLabel

camicroscope · Jul 19, 2024 · 6dafdf6 · 6dafdf6
1 parent ab77a40
commit 6dafdf6
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/components/toolbar/toolbar.js b/components/toolbar/toolbar.js
@@ -213,6 +213,7 @@ CaToolbar.prototype.__createCheck = function(options) {
   icon.classList.add('material-icons');
   icon.classList.add('md-24');
   icon.textContent = options.icon;
+  if (options.ariaLabel) icon.ariaLabel = options.ariaLabel;
   icon.htmlFor = id;
   if (options.title) {
     tippy(icon, {
@@ -275,6 +276,7 @@ CaToolbar.prototype.__createRadio = function(options) {
   if (options.icon) {
     icon.classList.add('material-icons');
     icon.classList.add('md-24');
+    if (options.ariaLabel) icon.ariaLabel = options.ariaLabel;
     icon.textContent = options.icon;
   } else {
     let _fitContent = 'fit-content';
@@ -332,6 +334,7 @@ CaToolbar.prototype.__createMultiStateBtns = function(options) {
   icon.id = randomId(); // create a timestamp id
   icon.classList.add('material-icons');
   icon.classList.add('md-24');
+  if (options.ariaLabel) icon.ariaLabel = options.ariaLabel;
   icon.classList.add(0);
   icon.dataset.state = 0;
   icon.textContent = options.icon;
@@ -385,6 +388,7 @@ CaToolbar.prototype.__createMultiDropDown = function(options) {
   const icon = document.createElement('label');
   icon.classList.add('material-icons');
   icon.classList.add('md-24');
+  if (options.ariaLabel) icon.ariaLabel = options.ariaLabel;
   icon.textContent = options.icon;
   icon.htmlFor = id;
   if (options.title) {
@@ -512,6 +516,7 @@ CaToolbar.prototype.__createDropDown = function(options) {
   const icon = document.createElement('label');
   icon.classList.add('material-icons');
   icon.classList.add('md-24');
+  if (options.ariaLabel) icon.ariaLabel = options.ariaLabel;
   icon.textContent = options.icon;
   icon.htmlFor = id;
   if (options.title) {