feat(mermaid-viewer): Add accessibility attributes to buttons

Adds role and tabindex attributes to mermaid viewer buttons for improved accessibility.

diff --git a/content/mermaid-viewer/head.html b/content/mermaid-viewer/head.html
index 8e7afe08d6d92f1f29718084dc3dba816b62d14a..0f76bfd675e772f0464822a201d8a72affe50d7f 100644 (file)
--- a/content/mermaid-viewer/head.html
+++ b/content/mermaid-viewer/head.html
@@ -101,6 +101,8 @@
         setupViewer() {
             const createButton = (title, iconClass, ...extraClasses) => {
                 const button = document.createElement('div');
         setupViewer() {
             const createButton = (title, iconClass, ...extraClasses) => {
                 const button = document.createElement('div');

+                button.setAttribute('role', 'button');
+                button.setAttribute('tabindex', '0');

                 button.className = `${CSS_CLASSES.BUTTON_BASE} ${extraClasses.join(' ')}`;
                 button.title = title;
                 const icon = document.createElement('i');
                 button.className = `${CSS_CLASSES.BUTTON_BASE} ${extraClasses.join(' ')}`;
                 button.title = title;
                 const icon = document.createElement('i');