@harbour-enterprises/superdoc 0.12.30 → 0.12.31-next.1

package/dist/chunks/{super-editor.es-0mAzj58N.cjs → super-editor.es-CzfjXQ8V.cjs}

@@ -23307,7 +23307,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.30") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.31-next.1") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -23773,7 +23773,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.12.30") {
+function generateSuperdocVersion(pid = 2, version2 = "0.12.31-next.1") {
   return {
     type: "element",
     name: "property",
@@ -39118,6 +39118,9 @@ const createHeaderFooterEditor = ({
   pm.style.minHeight = "100%";
   pm.style.outline = "none";
   pm.style.border = "none";
+  pm.setAttribute("role", "textbox");
+  pm.setAttribute("aria-multiline", true);
+  pm.setAttribute("aria-label", `${type2} content area. Double click to start typing.`);
   return headerFooterEditor;
 };
 const broadcastEditorEvents = (editor, sectionEditor) => {
@@ -39139,13 +39142,16 @@ const broadcastEditorEvents = (editor, sectionEditor) => {
 const toggleHeaderFooterEditMode = (editor, focusedSectionEditor, isEditMode) => {
   editor.converter.headerEditors.forEach((item) => {
     item.editor.setEditable(isEditMode, false);
+    item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
   });
   editor.converter.footerEditors.forEach((item) => {
     item.editor.setEditable(isEditMode, false);
+    item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
   });
   if (isEditMode) {
     const pm = document.querySelector(".ProseMirror");
     pm.classList.add("header-footer-edit");
+    pm.setAttribute("aria-readonly", true);
   }
   if (focusedSectionEditor) {
     focusedSectionEditor.view.focus();
@@ -40333,6 +40339,16 @@ const generateCollaborationData = (editor) => {
   initializeMetaMap(ydoc, editor);
   return Y.encodeStateAsUpdate(ydoc);
 };
+const isHighContrastMode = vue.ref(false);
+function useHighContrastMode() {
+  const setHighContrastMode = (value) => {
+    isHighContrastMode.value = value;
+  };
+  return {
+    isHighContrastMode,
+    setHighContrastMode
+  };
+}
 const _Editor = class _Editor2 extends EventEmitter$1 {
   /**
    * Create a new Editor instance
@@ -40425,6 +40441,8 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       }
     };
     let initMode = modes[this.options.mode] ?? modes.default;
+    const { setHighContrastMode } = useHighContrastMode();
+    this.setHighContrastMode = setHighContrastMode;
     initMode();
   }
   /**
@@ -40721,6 +40739,10 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     if (!proseMirror || !pageSize || !pageMargins) {
       return;
     }
+    proseMirror.setAttribute("role", "document");
+    proseMirror.setAttribute("aria-multiline", true);
+    proseMirror.setAttribute("aria-label", "Main content area, start typing to enter text.");
+    proseMirror.setAttribute("aria-description", "");
     element.style.width = pageSize.width + "in";
     element.style.minWidth = pageSize.width + "in";
     element.style.minHeight = pageSize.height + "in";
@@ -40972,7 +40994,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.12.30");
+    console.debug("[checkVersionMigrations] Current editor version", "0.12.31-next.1");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -41336,6 +41358,7 @@ createView_fn = function() {
         toggleHeaderFooterEditMode(this, null, false);
         const pm = document.querySelector(".ProseMirror");
         pm.classList.remove("header-footer-edit");
+        pm.setAttribute("aria-readonly", false);
       }
     }
   });
@@ -42308,7 +42331,8 @@ const AiLoaderNode = Node$1.create({
     return {
       htmlAttributes: {
         class: "sd-ai-loader",
-        contentEditable: "false"
+        contentEditable: "false",
+        "aria-label": "AI loader node"
       }
     };
   },
@@ -42504,7 +42528,8 @@ const Document = Node$1.create({
   addAttributes() {
     return {
       attributes: {
-        rendered: false
+        rendered: false,
+        "aria-label": "Document node"
       }
     };
   }
@@ -42528,7 +42553,8 @@ const RunItem = Node$1.create({
   addAttributes() {
     return {
       attributes: {
-        rendered: false
+        rendered: false,
+        "aria-label": "Run node"
       }
     };
   }
@@ -42581,7 +42607,9 @@ const BulletList = Node$1.create({
   addOptions() {
     return {
       itemTypeName: "listItem",
-      htmlAttributes: {},
+      htmlAttributes: {
+        "aria-label": "Bullet list node"
+      },
       keepMarks: true,
       keepAttributes: false
     };
@@ -42872,7 +42900,9 @@ const OrderedList = Node$1.create({
   addOptions() {
     return {
       itemTypeName: "listItem",
-      htmlAttributes: {},
+      htmlAttributes: {
+        "aria-label": "Ordered list node"
+      },
       keepMarks: true,
       keepAttributes: false,
       listStyleTypes: ["decimal", "lowerAlpha", "lowerRoman"]
@@ -43272,7 +43302,9 @@ const ListItem = Node$1.create({
   // to run listItem commands first
   addOptions() {
     return {
-      htmlAttributes: {},
+      htmlAttributes: {
+        "aria-label": "List item node"
+      },
       bulletListTypeName: "bulletList",
       orderedListTypeName: "orderedList"
     };
@@ -43794,7 +43826,9 @@ const Heading = Node$1.create({
   addOptions() {
     return {
       levels: [1, 2, 3, 4, 5, 6],
-      htmlAttributes: {}
+      htmlAttributes: {
+        "aria-label": "Heading node"
+      }
     };
   },
   addAttributes() {
@@ -43855,7 +43889,8 @@ const CommentRangeStart = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        contentEditable: "false"
+        contentEditable: "false",
+        "aria-label": "Comment range start node"
       }
     };
   },
@@ -43884,7 +43919,8 @@ const CommentRangeEnd = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        contentEditable: "false"
+        contentEditable: "false",
+        "aria-label": "Comment range end node"
       }
     };
   },
@@ -43912,7 +43948,8 @@ const CommentReference = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        contentEditable: "false"
+        contentEditable: "false",
+        "aria-label": "Comment reference node"
       }
     };
   },
@@ -44087,7 +44124,9 @@ const HardBreak = Node$1.create({
     return {
       htmlAttributes: {
         contentEditable: "false",
-        lineBreakType: "page"
+        lineBreakType: "page",
+        "aria-hidden": "true",
+        "aria-label": "Hard break node"
       }
     };
   },
@@ -46445,7 +46484,9 @@ const Table = Node$1.create({
   tableRole: "table",
   addOptions() {
     return {
-      htmlAttributes: {},
+      htmlAttributes: {
+        "aria-label": "Table node"
+      },
       resizable: true,
       handleWidth: 5,
       cellMinWidth: 25,
@@ -46695,7 +46736,9 @@ const TableHeader = Node$1.create({
   isolating: true,
   addOptions() {
     return {
-      htmlAttributes: {}
+      htmlAttributes: {
+        "aria-label": "Table head node"
+      }
     };
   },
   addAttributes() {
@@ -46735,7 +46778,9 @@ const TableRow = Node$1.create({
   tableRole: "row",
   addOptions() {
     return {
-      htmlAttributes: {}
+      htmlAttributes: {
+        "aria-label": "Table row node"
+      }
     };
   },
   addAttributes() {
@@ -46763,7 +46808,9 @@ const TableCell = Node$1.create({
   isolating: true,
   addOptions() {
     return {
-      htmlAttributes: {}
+      htmlAttributes: {
+        "aria-label": "Table cell node"
+      }
     };
   },
   addAttributes() {
@@ -47444,7 +47491,8 @@ const FieldAnnotation = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        class: annotationClass
+        class: annotationClass,
+        "aria-label": "Field annotation node"
       },
       annotationClass,
       annotationContentClass,
@@ -48386,7 +48434,8 @@ const Image = Node$1.create({
     return {
       allowBase64: true,
       htmlAttributes: {
-        style: "display: inline-block;"
+        style: "display: inline-block;",
+        "aria-label": "Image node"
       }
     };
   },
@@ -48502,7 +48551,11 @@ const BookmarkStart = Node$1.create({
   inline: true,
   addOptions() {
     return {
-      htmlAttributes: { style: "height: 0; width: 0;" }
+      htmlAttributes: {
+        style: "height: 0; width: 0;",
+        "aria-label": "Bookmark start node",
+        role: "link"
+      }
     };
   },
   addAttributes() {
@@ -48536,7 +48589,8 @@ const Mention = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        class: "sd-editor-mention"
+        class: "sd-editor-mention",
+        "aria-label": "Mention node"
       }
     };
   },
@@ -48574,7 +48628,8 @@ const PageNumber = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        "data-id": "auto-page-number"
+        "data-id": "auto-page-number",
+        "aria-label": "Page number node"
       }
     };
   },
@@ -48593,7 +48648,8 @@ const TotalPageCount = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        "data-id": "auto-total-pages"
+        "data-id": "auto-total-pages",
+        "aria-label": "Total page count node"
       }
     };
   },
@@ -48612,7 +48668,8 @@ const ShapeContainer = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        class: "sd-editor-shape-container"
+        class: "sd-editor-shape-container",
+        "aria-label": "Shape container node"
       }
     };
   },
@@ -48665,7 +48722,8 @@ const ShapeTextbox = Node$1.create({
   addOptions() {
     return {
       htmlAttributes: {
-        class: "sd-editor-shape-textbox"
+        class: "sd-editor-shape-textbox",
+        "aria-label": "Shape textbox node"
       }
     };
   },
@@ -48757,7 +48815,9 @@ const StructuredContent = Node$1.create({
   addOptions() {
     return {
       annotationClass: "sd-structured-content-tag",
-      htmlAttributes: {}
+      htmlAttributes: {
+        "aria-label": "Structured content node"
+      }
     };
   },
   parseDOM() {
@@ -52217,9 +52277,9 @@ const _export_sfc = (sfc, props) => {
 };
 const _hoisted_1$e = ["onClick", "onMouseenter"];
 const _hoisted_2$c = { key: 0 };
-const _hoisted_3$b = { key: 0 };
+const _hoisted_3$a = { key: 0 };
 const _hoisted_4$6 = { key: 1 };
-const _hoisted_5$6 = { key: 1 };
+const _hoisted_5$5 = { key: 1 };
 const _sfc_main$f = {
   __name: "Mentions",
   props: {
@@ -52292,9 +52352,9 @@ const _sfc_main$f = {
             class: vue.normalizeClass(["user-row", { selected: activeUserIndex.value === index2 }])
           }, [
             user.name ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
-              user.name ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$b, vue.toDisplayString(user.name), 1)) : vue.createCommentVNode("", true),
+              user.name ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(user.name), 1)) : vue.createCommentVNode("", true),
               user.name && user.email ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$6, " (" + vue.toDisplayString(user.email) + ")", 1)) : vue.createCommentVNode("", true)
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
               vue.createBaseVNode("span", null, vue.toDisplayString(user.email), 1)
             ]))
           ], 42, _hoisted_1$e);
@@ -53605,15 +53665,16 @@ const _sfc_main$5$1 = {
   }
 };
 const ToolbarButtonIcon = /* @__PURE__ */ _export_sfc(_sfc_main$5$1, [["__scopeId", "data-v-6d7523ab"]]);
-const _hoisted_1$3$1 = ["data-item"];
-const _hoisted_2$2$1 = {
+const _hoisted_1$3$1 = ["role"];
+const _hoisted_2$2$1 = ["data-item", "aria-label"];
+const _hoisted_3$2$1 = {
   key: 1,
   class: "button-label"
 };
-const _hoisted_3$2$1 = { key: 2 };
-const _hoisted_4$5 = ["placeholder", "onKeydown", "id"];
-const _hoisted_5$5 = ["placeholder", "onKeydown", "id"];
-const _hoisted_6$2 = ["innerHTML"];
+const _hoisted_4$5 = { key: 2 };
+const _hoisted_5$4 = ["placeholder", "onKeydown", "id"];
+const _hoisted_6$2 = ["placeholder", "onKeydown", "id"];
+const _hoisted_7$1 = ["innerHTML"];
 const _sfc_main$4$1 = {
   __name: "ToolbarButton",
   props: {
@@ -53640,6 +53701,10 @@ const _sfc_main$4$1 = {
     defaultLabel: {
       type: String,
       default: null
+    },
+    isOverflowItem: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["buttonClick", "textSubmit"],
@@ -53663,6 +53728,7 @@ const _sfc_main$4$1 = {
     } = props.toolbarItem;
     const inlineTextInput = vue.ref(props.defaultLabel);
     const inlineInput = vue.ref(null);
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const handleClick2 = () => {
       if (hasInlineTextInput) {
         inlineInput.value?.focus();
@@ -53690,12 +53756,15 @@ const _sfc_main$4$1 = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["toolbar-item", vue.unref(attributes).className]),
-        style: vue.normalizeStyle(getStyle.value)
+        style: vue.normalizeStyle(getStyle.value),
+        role: __props.isOverflowItem ? "menuitem" : ""
       }, [
         vue.createBaseVNode("div", {
           onClick: handleClick2,
-          class: vue.normalizeClass(["toolbar-button", { active: vue.unref(active), disabled: vue.unref(disabled), narrow: __props.isNarrow, wide: __props.isWide, "has-inline-text-input": vue.unref(hasInlineTextInput) }]),
-          "data-item": `btn-${vue.unref(name) || ""}`
+          class: vue.normalizeClass(["toolbar-button", { active: vue.unref(active), disabled: vue.unref(disabled), narrow: __props.isNarrow, wide: __props.isWide, "has-inline-text-input": vue.unref(hasInlineTextInput), "high-contrast": vue.unref(isHighContrastMode2) }]),
+          "data-item": `btn-${vue.unref(name) || ""}`,
+          "aria-label": vue.unref(attributes).ariaLabel,
+          role: "button"
         }, [
           vue.unref(icon) ? (vue.openBlock(), vue.createBlock(ToolbarButtonIcon, {
             key: 0,
@@ -53704,8 +53773,8 @@ const _sfc_main$4$1 = {
             icon: vue.unref(icon),
             name: vue.unref(name)
           }, null, 8, ["color", "icon", "name"])) : vue.createCommentVNode("", true),
-          vue.unref(label) && !vue.unref(hideLabel) && !vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2$1, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
-          vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2$1, [
+          vue.unref(label) && !vue.unref(hideLabel) && !vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2$1, vue.toDisplayString(vue.unref(label)), 1)) : vue.createCommentVNode("", true),
+          vue.unref(inlineTextInputVisible) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$5, [
             vue.unref(name) === "fontSize" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
               key: 0,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inlineTextInput.value = $event),
@@ -53713,12 +53782,12 @@ const _sfc_main$4$1 = {
               placeholder: vue.unref(label),
               onKeydown: vue.withKeys(vue.withModifiers(handleInputSubmit, ["prevent"]), ["enter"]),
               type: "text",
-              class: "button-text-input",
+              class: vue.normalizeClass(["button-text-input", { "high-contrast": vue.unref(isHighContrastMode2) }]),
               id: "inlineTextInput-" + vue.unref(name),
               autoccomplete: "off",
               ref_key: "inlineInput",
               ref: inlineInput
-            }, null, 40, _hoisted_4$5)), [
+            }, null, 42, _hoisted_5$4)), [
               [vue.vModelText, inlineTextInput.value]
             ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
               key: 1,
@@ -53731,7 +53800,7 @@ const _sfc_main$4$1 = {
               autoccomplete: "off",
               ref_key: "inlineInput",
               ref: inlineInput
-            }, null, 40, _hoisted_5$5)), [
+            }, null, 40, _hoisted_6$2)), [
               [vue.vModelText, inlineTextInput.value]
             ])
           ])) : vue.createCommentVNode("", true),
@@ -53740,14 +53809,18 @@ const _sfc_main$4$1 = {
             class: "dropdown-caret",
             innerHTML: caretIcon.value,
             style: vue.normalizeStyle({ opacity: vue.unref(disabled) ? 0.6 : 1 })
-          }, null, 12, _hoisted_6$2)) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$3$1)
-      ], 6);
+          }, null, 12, _hoisted_7$1)) : vue.createCommentVNode("", true)
+        ], 10, _hoisted_2$2$1)
+      ], 14, _hoisted_1$3$1);
     };
   }
 };
-const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4$1, [["__scopeId", "data-v-62bb3747"]]);
-const _hoisted_1$2$1 = { class: "toolbar-separator" };
+const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4$1, [["__scopeId", "data-v-6eb57404"]]);
+const _hoisted_1$2$1 = {
+  class: "toolbar-separator",
+  role: "separator",
+  "aria-label": "Toolbar separator"
+};
 const _sfc_main$3$1 = {
   __name: "ToolbarSeparator",
   props: {
@@ -53758,19 +53831,30 @@ const _sfc_main$3$1 = {
   },
   emits: ["command"],
   setup(__props, { emit: __emit }) {
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
+    const getSeparatorColor = () => {
+      if (isHighContrastMode2.value) {
+        return "#000";
+      }
+      return "#dbdbdb";
+    };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2$1, _cache[0] || (_cache[0] = [
-        vue.createBaseVNode("div", { class: "separator-inner" }, null, -1)
-      ]));
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2$1, [
+        vue.createBaseVNode("div", {
+          class: "separator-inner",
+          style: vue.normalizeStyle({ backgroundColor: getSeparatorColor() })
+        }, null, 4)
+      ]);
     };
   }
 };
-const ToolbarSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$3$1, [["__scopeId", "data-v-ac2ee4f9"]]);
+const ToolbarSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$3$1, [["__scopeId", "data-v-b240fc3a"]]);
 const _hoisted_1$1$1 = { class: "overflow-menu" };
 const _hoisted_2$1$1 = { class: "overflow-menu-trigger" };
 const _hoisted_3$1$1 = {
   key: 0,
-  class: "overflow-menu_items"
+  class: "overflow-menu_items",
+  role: "group"
 };
 const _sfc_main$2$1 = {
   __name: "OverflowMenu",
@@ -53808,16 +53892,17 @@ const _sfc_main$2$1 = {
         ]),
         isDropdownOpened.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1$1, [
           vue.createVNode(ButtonGroup, {
+            class: "superdoc-toolbar-overflow",
             "toolbar-items": __props.overflowItems,
-            onCommand: handleCommand,
-            class: "superdoc-toolbar-overflow"
+            "from-overflow": "",
+            onCommand: handleCommand
           }, null, 8, ["toolbar-items"])
         ])) : vue.createCommentVNode("", true)
       ]);
     };
   }
 };
-const OverflowMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2$1, [["__scopeId", "data-v-ca29bf1d"]]);
+const OverflowMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2$1, [["__scopeId", "data-v-c637209b"]]);
 function plugin$1(options2) {
   let _bPrefix = ".";
   let _ePrefix = "__";
@@ -63150,7 +63235,7 @@ const NSkeleton = vue.defineComponent({
 });
 const _hoisted_1$d = { key: 0 };
 const _hoisted_2$b = { key: 0 };
-const _hoisted_3$a = { key: 0 };
+const _hoisted_3$9 = { key: 0 };
 const _sfc_main$1$1 = {
   __name: "ButtonGroup",
   props: {
@@ -63165,6 +63250,10 @@ const _sfc_main$1$1 = {
     position: {
       type: String,
       default: "left"
+    },
+    fromOverflow: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["command"],
@@ -63172,6 +63261,7 @@ const _sfc_main$1$1 = {
     const emit = __emit;
     const props = __props;
     const currentItem = vue.ref(null);
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const isMobile = window.matchMedia("(max-width: 768px)").matches;
     const styleMap = {
       left: {
@@ -63230,13 +63320,20 @@ const _sfc_main$1$1 = {
         };
       });
     };
+    const getDropdownAttributes = (option, item) => {
+      return {
+        role: "menuitem",
+        ariaLabel: `${item.attributes.value.ariaLabel} - ${option.label}`
+      };
+    };
     const handleClickOutside = (e) => {
       closeDropdowns();
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         style: vue.normalizeStyle(getPositionStyle.value),
-        class: "button-group"
+        class: "button-group",
+        role: "group"
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.toolbarItems, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
@@ -63257,10 +63354,14 @@ const _sfc_main$1$1 = {
               show: item.expand.value,
               size: "medium",
               placement: "bottom-start",
-              class: "toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown",
+              class: vue.normalizeClass(["toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown", { "high-contrast": vue.unref(isHighContrastMode2) }]),
               onSelect: (key, option) => handleSelect(item, option),
               onClickoutside: handleClickOutside,
-              style: vue.normalizeStyle(item.dropdownStyles.value)
+              style: vue.normalizeStyle(item.dropdownStyles.value),
+              "menu-props": () => ({
+                role: "menu"
+              }),
+              "node-props": (option) => getDropdownAttributes(option, item)
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(NTooltip), {
@@ -63284,7 +63385,7 @@ const _sfc_main$1$1 = {
                 }, 1032, ["disabled"])
               ]),
               _: 2
-            }, 1032, ["options", "trigger", "show", "onSelect", "style"])) : isButton(item) ? (vue.openBlock(), vue.createBlock(vue.unref(NTooltip), {
+            }, 1032, ["options", "trigger", "show", "class", "onSelect", "style", "node-props"])) : isButton(item) ? (vue.openBlock(), vue.createBlock(vue.unref(NTooltip), {
               key: 2,
               trigger: "hover",
               class: "sd-editor-toolbar-tooltip"
@@ -63292,14 +63393,15 @@ const _sfc_main$1$1 = {
               trigger: vue.withCtx(() => [
                 vue.createVNode(ToolbarButton, {
                   "toolbar-item": item,
+                  "is-overflow-item": __props.fromOverflow,
                   onTextSubmit: ($event) => handleToolbarButtonTextSubmit(item, $event),
                   onButtonClick: ($event) => handleToolbarButtonClick(item)
-                }, null, 8, ["toolbar-item", "onTextSubmit", "onButtonClick"])
+                }, null, 8, ["toolbar-item", "is-overflow-item", "onTextSubmit", "onButtonClick"])
               ]),
               default: vue.withCtx(() => [
                 item.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
                   vue.createTextVNode(vue.toDisplayString(item.tooltip) + " ", 1),
-                  item.disabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, "(disabled)")) : vue.createCommentVNode("", true)
+                  item.disabled.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, "(disabled)")) : vue.createCommentVNode("", true)
                 ])) : vue.createCommentVNode("", true)
               ]),
               _: 2
@@ -63315,7 +63417,7 @@ const _sfc_main$1$1 = {
     };
   }
 };
-const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-7751c4e5"]]);
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-b09e5a20"]]);
 const _sfc_main$e = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
@@ -63360,7 +63462,9 @@ const _sfc_main$e = {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "superdoc-toolbar",
-        key: vue.unref(toolbarKey)
+        key: vue.unref(toolbarKey),
+        role: "toolbar",
+        "aria-label": "Toolbar"
       }, [
         vue.unref(showLeftSide) ? (vue.openBlock(), vue.createBlock(ButtonGroup, {
           key: 0,
@@ -63386,7 +63490,7 @@ const _sfc_main$e = {
     };
   }
 };
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-abd0fb95"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-2a400574"]]);
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options2 = {}) {
@@ -63623,9 +63727,9 @@ const edit = '<!-- @note: includes color gradient for inline svg AI Writer -->\n
 const paperPlane = '<!-- @note: includes color gradient for inline svg AI Writer -->\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->\n  <defs>\n    <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">\n      <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />\n      <stop offset="30%" stop-color="rgb(191, 100, 100)" />\n      <stop offset="60%" stop-color="rgb(77, 82, 217)" />\n      <stop offset="150%" stop-color="rgb(255, 219, 102)" />\n    </linearGradient>\n  </defs>\n  <path fill="url(#gradient)" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"/>\n</svg>';
 const _hoisted_1$c = { class: "ai-user-input-field" };
 const _hoisted_2$a = ["innerHTML"];
-const _hoisted_3$9 = ["placeholder"];
+const _hoisted_3$8 = ["placeholder"];
 const _hoisted_4$4 = { class: "ai-loader" };
-const _hoisted_5$4 = ["innerHTML"];
+const _hoisted_5$3 = ["innerHTML"];
 const _sfc_main$d = {
   __name: "AIWriter",
   props: {
@@ -63901,7 +64005,7 @@ const _sfc_main$d = {
             onInput: handleInput,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => promptText.value = $event),
             rows: "4"
-          }, null, 40, _hoisted_3$9), [
+          }, null, 40, _hoisted_3$8), [
             [vue.vModelText, promptText.value]
           ])
         ]),
@@ -63911,7 +64015,7 @@ const _sfc_main$d = {
             class: "ai-textarea-icon ai-submit-button",
             onClick: vue.withModifiers(handleSubmit, ["stop"]),
             innerHTML: vue.unref(paperPlane)
-          }, null, 8, _hoisted_5$4)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_5$3)) : vue.createCommentVNode("", true)
         ])
       ], 544);
     };
@@ -64246,71 +64350,80 @@ const useToolbarItem = (options2) => {
     onDeactivate
   };
 };
-const _hoisted_1$b = { class: "alignment-buttons" };
+const _hoisted_1$b = ["innerHTML"];
 const _hoisted_2$9 = ["innerHTML"];
-const _hoisted_3$8 = ["innerHTML"];
+const _hoisted_3$7 = ["innerHTML"];
 const _hoisted_4$3 = ["innerHTML"];
-const _hoisted_5$3 = ["innerHTML"];
 const _sfc_main$c = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const emit = __emit;
     const select = (alignment2) => {
       emit("select", alignment2);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["alignment-buttons", { "high-contrast": vue.unref(isHighContrastMode2) }])
+      }, [
         vue.createBaseVNode("div", {
           class: "button-icon",
           onClick: _cache[0] || (_cache[0] = ($event) => select("left")),
           innerHTML: vue.unref(toolbarIcons).alignLeft,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_2$9),
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Align left"
+        }, null, 8, _hoisted_1$b),
         vue.createBaseVNode("div", {
           class: "button-icon",
           onClick: _cache[1] || (_cache[1] = ($event) => select("center")),
           innerHTML: vue.unref(toolbarIcons).alignCenter,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_3$8),
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Align center"
+        }, null, 8, _hoisted_2$9),
         vue.createBaseVNode("div", {
           class: "button-icon",
           onClick: _cache[2] || (_cache[2] = ($event) => select("right")),
           innerHTML: vue.unref(toolbarIcons).alignRight,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_4$3),
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Align right"
+        }, null, 8, _hoisted_3$7),
         vue.createBaseVNode("div", {
           class: "button-icon",
           onClick: _cache[3] || (_cache[3] = ($event) => select("justify")),
           innerHTML: vue.unref(toolbarIcons).alignJustify,
-          "data-item": "btn-textAlign-option"
-        }, null, 8, _hoisted_5$3)
-      ]);
+          "data-item": "btn-textAlign-option",
+          role: "menuitem",
+          "aria-label": "Justify"
+        }, null, 8, _hoisted_4$3)
+      ], 2);
     };
   }
 };
-const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-932a4937"]]);
-const _hoisted_1$a = { class: "link-input-ctn" };
-const _hoisted_2$8 = {
+const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-58d8a9bb"]]);
+const _hoisted_1$a = {
   key: 0,
   class: "link-title"
 };
-const _hoisted_3$7 = {
+const _hoisted_2$8 = {
   key: 1,
   class: "link-title"
 };
-const _hoisted_4$2 = {
+const _hoisted_3$6 = {
   key: 2,
   class: "link-title"
 };
-const _hoisted_5$2 = { key: 3 };
-const _hoisted_6$1 = { class: "input-row" };
-const _hoisted_7$1 = ["innerHTML"];
-const _hoisted_8 = ["onKeydown"];
-const _hoisted_9 = ["innerHTML"];
-const _hoisted_10 = { class: "input-row link-buttons" };
-const _hoisted_11 = ["innerHTML"];
-const _hoisted_12 = {
+const _hoisted_4$2 = { key: 3 };
+const _hoisted_5$2 = { class: "input-row" };
+const _hoisted_6$1 = ["innerHTML"];
+const _hoisted_7 = ["onKeydown"];
+const _hoisted_8 = ["innerHTML"];
+const _hoisted_9 = { class: "input-row link-buttons" };
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = {
   key: 4,
   class: "input-row go-to-anchor clickable"
 };
@@ -64343,6 +64456,7 @@ const _sfc_main$b = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const { proxy } = vue.getCurrentInstance();
     const handleSubmit = () => {
       if (proxy?.$submit instanceof Function) proxy.$submit();
@@ -64393,16 +64507,19 @@ const _sfc_main$b = {
       if (props.showInput) focusInput();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-        !__props.href ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, "Add link")) : isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, "Page anchor")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, "Edit link")),
-        __props.showInput && !isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
-          vue.createBaseVNode("div", _hoisted_6$1, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["link-input-ctn", { "high-contrast": vue.unref(isHighContrastMode2) }])
+      }, [
+        !__props.href ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, "Add link")) : isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, "Page anchor")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, "Edit link")),
+        __props.showInput && !isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
+          vue.createBaseVNode("div", _hoisted_5$2, [
             vue.createBaseVNode("div", {
               class: "input-icon",
               innerHTML: vue.unref(toolbarIcons).linkInput
-            }, null, 8, _hoisted_7$1),
+            }, null, 8, _hoisted_6$1),
             vue.withDirectives(vue.createBaseVNode("input", {
               type: "text",
+              name: "link",
               placeholder: "Type or paste a link",
               class: vue.normalizeClass({ error: urlError.value }),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rawUrl.value = $event),
@@ -64410,7 +64527,7 @@ const _sfc_main$b = {
                 vue.withKeys(vue.withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]),
                 _cache[1] || (_cache[1] = ($event) => urlError.value = false)
               ]
-            }, null, 42, _hoisted_8), [
+            }, null, 42, _hoisted_7), [
               [vue.vModelText, rawUrl.value]
             ]),
             vue.createBaseVNode("div", {
@@ -64418,9 +64535,9 @@ const _sfc_main$b = {
               innerHTML: vue.unref(toolbarIcons).openLink,
               onClick: openLink,
               "data-item": "btn-link-open"
-            }, null, 10, _hoisted_9)
+            }, null, 10, _hoisted_8)
           ]),
-          vue.createBaseVNode("div", _hoisted_10, [
+          vue.createBaseVNode("div", _hoisted_9, [
             __props.href ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
               class: "remove-btn",
@@ -64430,7 +64547,7 @@ const _sfc_main$b = {
               vue.createBaseVNode("div", {
                 class: "remove-btn__icon",
                 innerHTML: vue.unref(toolbarIcons).removeLink
-              }, null, 8, _hoisted_11),
+              }, null, 8, _hoisted_10),
               _cache[3] || (_cache[3] = vue.createTextVNode(" Remove "))
             ])) : vue.createCommentVNode("", true),
             showApply.value ? (vue.openBlock(), vue.createElementBlock("button", {
@@ -64440,23 +64557,22 @@ const _sfc_main$b = {
               "data-item": "btn-link-apply"
             }, vue.toDisplayString(getApplyText.value), 3)) : vue.createCommentVNode("", true)
           ])
-        ])) : isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+        ])) : isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
           vue.createBaseVNode("a", {
             onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => __props.goToAnchor && __props.goToAnchor(...args), ["stop", "prevent"]))
           }, "Go to " + vue.toDisplayString(__props.href.startsWith("#_") ? __props.href.substring(2) : __props.href), 1)
         ])) : vue.createCommentVNode("", true)
-      ]);
+      ], 2);
     };
   }
 };
-const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-04bac853"]]);
-const _hoisted_1$9 = { class: "document-mode" };
-const _hoisted_2$7 = ["onClick"];
-const _hoisted_3$6 = { class: "document-mode-column icon-column" };
-const _hoisted_4$1 = ["innerHTML"];
-const _hoisted_5$1 = { class: "document-mode-column text-column" };
-const _hoisted_6 = { class: "document-mode-type" };
-const _hoisted_7 = { class: "document-mode-description" };
+const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-64aa14bc"]]);
+const _hoisted_1$9 = ["onClick"];
+const _hoisted_2$7 = { class: "document-mode-column icon-column" };
+const _hoisted_3$5 = ["innerHTML"];
+const _hoisted_4$1 = { class: "document-mode-column text-column" };
+const _hoisted_5$1 = { class: "document-mode-type" };
+const _hoisted_6 = { class: "document-mode-description" };
 const _sfc_main$a = {
   __name: "DocumentMode",
   props: {
@@ -64467,34 +64583,38 @@ const _sfc_main$a = {
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const handleClick2 = (item) => {
       emit("select", item);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["document-mode", { "high-contrast": vue.unref(isHighContrastMode2) }])
+      }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass(["option-item", { disabled: option.disabled }]),
             onClick: ($event) => handleClick2(option),
-            "data-item": "btn-documentMode-option"
+            "data-item": "btn-documentMode-option",
+            role: "menuitem"
           }, [
-            vue.createBaseVNode("div", _hoisted_3$6, [
+            vue.createBaseVNode("div", _hoisted_2$7, [
               vue.createBaseVNode("div", {
                 class: "icon-column__icon",
                 innerHTML: option.icon
-              }, null, 8, _hoisted_4$1)
+              }, null, 8, _hoisted_3$5)
             ]),
-            vue.createBaseVNode("div", _hoisted_5$1, [
-              vue.createBaseVNode("div", _hoisted_6, vue.toDisplayString(option.label), 1),
-              vue.createBaseVNode("div", _hoisted_7, vue.toDisplayString(option.description), 1)
+            vue.createBaseVNode("div", _hoisted_4$1, [
+              vue.createBaseVNode("div", _hoisted_5$1, vue.toDisplayString(option.label), 1),
+              vue.createBaseVNode("div", _hoisted_6, vue.toDisplayString(option.description), 1)
             ])
-          ], 10, _hoisted_2$7);
+          ], 10, _hoisted_1$9);
         }), 256))
-      ]);
+      ], 2);
     };
   }
 };
-const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-8afd7fbb"]]);
+const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-050d9d49"]]);
 const _hoisted_1$8 = {
   key: 0,
   class: "linked-style-buttons"
@@ -64537,9 +64657,9 @@ const _sfc_main$9 = {
   }
 };
 const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bf5a8c1e"]]);
-const _hoisted_1$7 = ["onClick"];
+const _hoisted_1$7 = ["aria-label", "onClick"];
 const _hoisted_2$5 = ["innerHTML"];
-const _hoisted_3$5 = ["innerHTML"];
+const _hoisted_3$4 = ["innerHTML"];
 const _sfc_main$8 = {
   __name: "IconGridRow",
   props: {
@@ -64576,12 +64696,15 @@ const _sfc_main$8 = {
       return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.icons, (row, rowIndex) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: "option-row",
-          key: rowIndex
+          key: rowIndex,
+          role: "group"
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(row, (option, optionIndex) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: "option",
               key: optionIndex,
+              "aria-label": option.label,
+              role: "menuitem",
               onClick: vue.withModifiers(($event) => handleClick2(option), ["stop", "prevent"])
             }, [
               vue.createBaseVNode("div", {
@@ -64594,7 +64717,7 @@ const _sfc_main$8 = {
                 class: "option__check",
                 innerHTML: vue.unref(toolbarIcons).colorOptionCheck,
                 style: vue.normalizeStyle(getCheckStyle(option.value, optionIndex))
-              }, null, 12, _hoisted_3$5)) : vue.createCommentVNode("", true)
+              }, null, 12, _hoisted_3$4)) : vue.createCommentVNode("", true)
             ], 8, _hoisted_1$7);
           }), 128))
         ]);
@@ -64602,11 +64725,11 @@ const _sfc_main$8 = {
     };
   }
 };
-const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-6a2a9a40"]]);
+const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d96a82fa"]]);
 const DropIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>\n';
 const _hoisted_1$6 = { class: "options-grid-wrap" };
 const _hoisted_2$4 = ["innerHTML"];
-const _hoisted_3$4 = { class: "option-grid-ctn" };
+const _hoisted_3$3 = { class: "option-grid-ctn" };
 const _sfc_main$7 = {
   __name: "IconGrid",
   props: {
@@ -64638,6 +64761,8 @@ const _sfc_main$7 = {
         __props.hasNoneIcon ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "none-option",
+          role: "menuitem",
+          "aria-label": "Clear color selection",
           onClick: _cache[0] || (_cache[0] = ($event) => handleSelect("none"))
         }, [
           vue.createBaseVNode("span", {
@@ -64646,7 +64771,7 @@ const _sfc_main$7 = {
           }, null, 8, _hoisted_2$4),
           _cache[1] || (_cache[1] = vue.createTextVNode(" None "))
         ])) : vue.createCommentVNode("", true),
-        vue.createBaseVNode("div", _hoisted_3$4, [
+        vue.createBaseVNode("div", _hoisted_3$3, [
           vue.createVNode(IconGridRow, {
             icons: __props.icons,
             "active-color": __props.activeColor,
@@ -64665,7 +64790,7 @@ const _sfc_main$7 = {
     };
   }
 };
-const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-47b783db"]]);
+const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-9246bdef"]]);
 const closeDropdown$1 = (dropdown) => {
   dropdown.expand.value = false;
 };
@@ -64699,84 +64824,83 @@ const renderColorOptions = (superToolbar, button, customIcons = [], hasNoneIcon
 };
 const icons = [
   [
-    makeColorOption("#111111"),
-    makeColorOption("#333333"),
-    makeColorOption("#5C5C5C"),
-    makeColorOption("#858585"),
-    makeColorOption("#ADADAD"),
-    makeColorOption("#D6D6D6"),
-    makeColorOption("#FFFFFF")
+    makeColorOption("#111111", "black"),
+    makeColorOption("#333333", "dark gray"),
+    makeColorOption("#5C5C5C", "medium gray"),
+    makeColorOption("#858585", "light gray"),
+    makeColorOption("#ADADAD", "very light gray"),
+    makeColorOption("#D6D6D6", "transparent gray"),
+    makeColorOption("#FFFFFF", "white")
   ],
   [
-    makeColorOption("#860028"),
-    makeColorOption("#D2003F"),
-    makeColorOption("#DB3365"),
-    makeColorOption("#E4668C"),
-    makeColorOption("#ED99B2"),
-    makeColorOption("#F6CCD9"),
-    makeColorOption("#FF004D")
+    makeColorOption("#860028", "dark red"),
+    makeColorOption("#D2003F", "red"),
+    makeColorOption("#DB3365", "coral red"),
+    makeColorOption("#E4668C", "light red"),
+    makeColorOption("#ED99B2", "pale pink"),
+    makeColorOption("#F6CCD9", "transparent pink"),
+    makeColorOption("#FF004D", "bright pink")
   ],
   [
-    makeColorOption("#83015E"),
-    makeColorOption("#CD0194"),
-    makeColorOption("#D734A9"),
-    makeColorOption("#E167BF"),
-    makeColorOption("#EB99D4"),
-    makeColorOption("#F5CCEA"),
-    makeColorOption("#FF00A8")
+    makeColorOption("#83015E", "dark purple"),
+    makeColorOption("#CD0194", "purple"),
+    makeColorOption("#D734A9", "orchid"),
+    makeColorOption("#E167BF", "light purple"),
+    makeColorOption("#EB99D4", "lavender"),
+    makeColorOption("#F5CCEA", "transparent pink"),
+    makeColorOption("#FF00A8", "neon pink")
   ],
   [
-    makeColorOption("#8E220A"),
-    makeColorOption("#DD340F"),
-    makeColorOption("#E45C3F"),
-    makeColorOption("#EB856F"),
-    makeColorOption("#F1AE9F"),
-    makeColorOption("#F8D6CF"),
-    makeColorOption("#FF7A00")
+    makeColorOption("#8E220A", "maroon"),
+    makeColorOption("#DD340F", "red-orange"),
+    makeColorOption("#E45C3F", "burnt orange"),
+    makeColorOption("#EB856F", "peach"),
+    makeColorOption("#F1AE9F", "pale peach"),
+    makeColorOption("#F8D6CF", "transparent peach"),
+    makeColorOption("#FF7A00", "orange")
   ],
   [
-    makeColorOption("#947D02"),
-    makeColorOption("#E7C302"),
-    makeColorOption("#ECCF35"),
-    makeColorOption("#F1DB67"),
-    makeColorOption("#F5E79A"),
-    makeColorOption("#FAF3CC"),
-    makeColorOption("#FAFF09")
+    makeColorOption("#947D02", "olive"),
+    makeColorOption("#E7C302", "mustard yellow"),
+    makeColorOption("#ECCF35", "yellow"),
+    makeColorOption("#F1DB67", "light yellow"),
+    makeColorOption("#F5E79A", "very pale yellow"),
+    makeColorOption("#FAF3CC", "transparent yellow"),
+    makeColorOption("#FAFF09", "neon yellow")
   ],
   [
-    makeColorOption("#055432"),
-    makeColorOption("#07834F"),
-    makeColorOption("#399C72"),
-    makeColorOption("#6AB595"),
-    makeColorOption("#9CCDB9"),
-    makeColorOption("#CDE6DC"),
-    makeColorOption("#05F38F")
+    makeColorOption("#055432", "forest green"),
+    makeColorOption("#07834F", "green"),
+    makeColorOption("#399C72", "medium green"),
+    makeColorOption("#6AB595", "light green"),
+    makeColorOption("#9CCDB9", "mint"),
+    makeColorOption("#CDE6DC", "transparent mint"),
+    makeColorOption("#05F38F", "bright teal")
   ],
   [
-    makeColorOption("#063E7E"),
-    makeColorOption("#0A60C5"),
-    makeColorOption("#3B80D1"),
-    makeColorOption("#6CA0DC"),
-    makeColorOption("#9DBFE8"),
-    makeColorOption("#CEDFF3"),
-    makeColorOption("#21c8ce")
+    makeColorOption("#063E7E", "navy blue"),
+    makeColorOption("#0A60C5", "blue"),
+    makeColorOption("#3B80D1", "sky blue"),
+    makeColorOption("#6CA0DC", "cornflower blue"),
+    makeColorOption("#9DBFE8", "light blue"),
+    makeColorOption("#CEDFF3", "very light blue"),
+    makeColorOption("#21c8ce", "cyan")
   ],
   [
-    makeColorOption("#3E027A"),
-    makeColorOption("#6103BF"),
-    makeColorOption("#8136CC"),
-    makeColorOption("#A068D9"),
-    makeColorOption("#C09AE6"),
-    makeColorOption("#DFCDF2"),
-    makeColorOption("#A91DFF")
+    makeColorOption("#3E027A", "deep purple"),
+    makeColorOption("#6103BF", "indigo"),
+    makeColorOption("#8136CC", "violet"),
+    makeColorOption("#A068D9", "lavender pink"),
+    makeColorOption("#C09AE6", "light lilac"),
+    makeColorOption("#DFCDF2", "transparent lilac"),
+    makeColorOption("#A91DFF", "neon purple")
   ]
 ];
 const getAvailableColorOptions = () => {
   return icons.flat().map((item) => item.value);
 };
-const _hoisted_1$5 = { class: "toolbar-table-grid-wrapper" };
-const _hoisted_2$3 = ["data-cols", "data-rows", "onClick"];
-const _hoisted_3$3 = { class: "toolbar-table-grid-value" };
+const _hoisted_1$5 = ["data-cols", "data-rows", "onClick"];
+const _hoisted_2$3 = ["aria-valuetext"];
 const _sfc_main$6 = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
@@ -64784,6 +64908,7 @@ const _sfc_main$6 = {
     const emit = __emit;
     const selectedRows = vue.ref(0);
     const selectedCols = vue.ref(0);
+    const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const onTableGridMouseOver = (event) => {
       let target = event.target;
       let isGrid = !!target.dataset.grid;
@@ -64811,7 +64936,9 @@ const _sfc_main$6 = {
       emit("select", { cols, rows });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["toolbar-table-grid-wrapper", { "high-contrast": vue.unref(isHighContrastMode2) }])
+      }, [
         vue.createBaseVNode("div", {
           class: "toolbar-table-grid",
           onMouseover: onTableGridMouseOver,
@@ -64827,19 +64954,22 @@ const _sfc_main$6 = {
                   "data-rows": i,
                   "data-item": "true",
                   onClick: vue.withModifiers(($event) => handleClick2({ cols: n2, rows: i }), ["stop", "prevent"])
-                }, null, 8, _hoisted_2$3);
+                }, null, 8, _hoisted_1$5);
               }), 64))
             ], 64);
           }), 64))
         ], 32),
-        vue.createBaseVNode("div", _hoisted_3$3, vue.toDisplayString(selectedRows.value) + " x " + vue.toDisplayString(selectedCols.value), 1)
-      ]);
+        vue.createBaseVNode("div", {
+          class: "toolbar-table-grid-value",
+          "aria-valuetext": `${selectedRows.value} x ${selectedCols.value}`
+        }, vue.toDisplayString(selectedRows.value) + " x " + vue.toDisplayString(selectedCols.value), 9, _hoisted_2$3)
+      ], 2);
     };
   }
 };
-const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-06352ab9"]]);
+const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-617bf152"]]);
 const _hoisted_1$4 = { class: "toolbar-table-actions" };
-const _hoisted_2$2 = ["onClick", "data-item"];
+const _hoisted_2$2 = ["onClick", "data-item", "ariaLabel"];
 const _hoisted_3$2 = { class: "toolbar-table-actions__icon" };
 const _hoisted_4 = ["innerHTML"];
 const _hoisted_5 = { class: "toolbar-table-actions__label" };
@@ -64862,7 +64992,9 @@ const _sfc_main$5 = {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": option.bottomBorder }]),
             onClick: ($event) => handleClick2(option),
-            "data-item": option.props?.["data-item"] || ""
+            "data-item": option.props?.["data-item"] || "",
+            ariaLabel: option.props?.ariaLabel,
+            role: "menuitem"
           }, [
             vue.createBaseVNode("div", _hoisted_3$2, [
               vue.createBaseVNode("div", {
@@ -64877,7 +65009,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-fdbfb4b0"]]);
+const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f82e859a"]]);
 const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>\n';
 const _hoisted_1$3 = { class: "search-input-ctn" };
 const _hoisted_2$1 = { class: "row" };
@@ -64978,7 +65110,10 @@ const makeDefaultItems = ({
     name: "bold",
     command: "toggleBold",
     icon: toolbarIcons2.bold,
-    tooltip: toolbarTexts2.bold
+    tooltip: toolbarTexts2.bold,
+    attributes: {
+      ariaLabel: "Bold"
+    }
   });
   const fontButton = useToolbarItem({
     type: "dropdown",
@@ -64993,6 +65128,9 @@ const makeDefaultItems = ({
     isWide: true,
     style: { width: "116px" },
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Font family"
+    },
     options: [...toolbarFonts ? toolbarFonts : TOOLBAR_FONTS],
     onActivate: ({ fontFamily: fontFamily2 }) => {
       if (!fontFamily2) return;
@@ -65013,6 +65151,9 @@ const makeDefaultItems = ({
     hasCaret: false,
     isWide: true,
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "AI"
+    },
     options: [
       {
         type: "render",
@@ -65060,6 +65201,9 @@ const makeDefaultItems = ({
     suppressActiveHighlight: true,
     isWide: true,
     command: "setFontSize",
+    attributes: {
+      ariaLabel: "Font size"
+    },
     options: [
       { label: "8", key: "8pt", props: { "data-item": "btn-fontSize-option" } },
       { label: "9", key: "9pt", props: { "data-item": "btn-fontSize-option" } },
@@ -65095,14 +65239,20 @@ const makeDefaultItems = ({
     name: "italic",
     command: "toggleItalic",
     icon: toolbarIcons2.italic,
-    tooltip: toolbarTexts2.italic
+    tooltip: toolbarTexts2.italic,
+    attributes: {
+      ariaLabel: "Italic"
+    }
   });
   const underline = useToolbarItem({
     type: "button",
     name: "underline",
     command: "toggleUnderline",
     icon: toolbarIcons2.underline,
-    tooltip: toolbarTexts2.underline
+    tooltip: toolbarTexts2.underline,
+    attributes: {
+      ariaLabel: "Underline"
+    }
   });
   const highlight = useToolbarItem({
     type: "dropdown",
@@ -65115,6 +65265,9 @@ const makeDefaultItems = ({
     command: "setHighlight",
     noArgumentCommand: "unsetHighlight",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Highlight"
+    },
     options: [
       {
         key: "color",
@@ -65137,6 +65290,9 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.color,
     command: "setColor",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Color"
+    },
     options: [
       {
         key: "color",
@@ -65157,6 +65313,9 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.search,
     group: "right",
     inputRef: searchRef,
+    attributes: {
+      ariaLabel: "Search"
+    },
     options: [
       {
         type: "render",
@@ -65182,6 +65341,9 @@ const makeDefaultItems = ({
     markName: "link",
     icon: toolbarIcons2.link,
     tooltip: toolbarTexts2.link,
+    attributes: {
+      ariaLabel: "Link dropdown"
+    },
     options: [
       {
         type: "render",
@@ -65235,7 +65397,10 @@ const makeDefaultItems = ({
     command: "startImageUpload",
     icon: toolbarIcons2.image,
     tooltip: toolbarTexts2.image,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Image"
+    }
   });
   const tableItem = useToolbarItem({
     type: "dropdown",
@@ -65246,6 +65411,9 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.table,
     command: "insertTable",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Table"
+    },
     options: [
       {
         key: "table",
@@ -65272,6 +65440,9 @@ const makeDefaultItems = ({
     icon: toolbarIcons2.tableActions,
     hideLabel: true,
     disabled: true,
+    attributes: {
+      ariaLabel: "Table actions"
+    },
     options: [
       {
         type: "render",
@@ -65284,69 +65455,102 @@ const makeDefaultItems = ({
       label: toolbarTexts2.addRowBefore,
       command: "addRowBefore",
       icon: toolbarIcons2.addRowBefore,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add row before"
+      }
     },
     {
       label: toolbarTexts2.addRowAfter,
       command: "addRowAfter",
       icon: toolbarIcons2.addRowAfter,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add row after"
+      }
     },
     {
       label: toolbarTexts2.addColumnBefore,
       command: "addColumnBefore",
       icon: toolbarIcons2.addColumnBefore,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add column before"
+      }
     },
     {
       label: toolbarTexts2.addColumnAfter,
       command: "addColumnAfter",
       icon: toolbarIcons2.addColumnAfter,
       bottomBorder: true,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Add column after"
+      }
     },
     {
       label: toolbarTexts2.deleteRow,
       command: "deleteRow",
       icon: toolbarIcons2.deleteRow,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete row"
+      }
     },
     {
       label: toolbarTexts2.deleteColumn,
       command: "deleteColumn",
       icon: toolbarIcons2.deleteColumn,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete column"
+      }
     },
     {
       label: toolbarTexts2.deleteTable,
       command: "deleteTable",
       icon: toolbarIcons2.deleteTable,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete table"
+      }
     },
     {
       label: toolbarTexts2.transparentBorders,
       command: "deleteCellAndTableBorders",
       icon: toolbarIcons2.deleteBorders,
       bottomBorder: true,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Delete cell and table borders"
+      }
     },
     {
       label: toolbarTexts2.mergeCells,
       command: "mergeCells",
       icon: toolbarIcons2.mergeCells,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Merge cells"
+      }
     },
     {
       label: toolbarTexts2.splitCell,
       command: "splitCell",
       icon: toolbarIcons2.splitCell,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Split cells"
+      }
     },
     {
       label: toolbarTexts2.fixTables,
       command: "fixTables",
       icon: toolbarIcons2.fixTables,
-      props: { "data-item": "btn-tableActions-option" }
+      props: {
+        "data-item": "btn-tableActions-option",
+        ariaLabel: "Fix tables"
+      }
     }
   ];
   function renderTableActions(tableActionsItem2) {
@@ -65369,6 +65573,9 @@ const makeDefaultItems = ({
     markName: "textAlign",
     labelAttr: "textAlign",
     suppressActiveHighlight: true,
+    attributes: {
+      ariaLabel: "Text align"
+    },
     options: [
       {
         type: "render",
@@ -65412,14 +65619,20 @@ const makeDefaultItems = ({
     name: "list",
     command: "toggleBulletList",
     icon: toolbarIcons2.bulletList,
-    tooltip: toolbarTexts2.bulletList
+    tooltip: toolbarTexts2.bulletList,
+    attributes: {
+      ariaLabel: "Bullet list"
+    }
   });
   const numberedList = useToolbarItem({
     type: "button",
     name: "numberedlist",
     command: "toggleOrderedList",
     icon: toolbarIcons2.numberedList,
-    tooltip: toolbarTexts2.numberedList
+    tooltip: toolbarTexts2.numberedList,
+    attributes: {
+      ariaLabel: "Numbered list"
+    }
   });
   const indentLeft = useToolbarItem({
     type: "button",
@@ -65427,7 +65640,10 @@ const makeDefaultItems = ({
     command: "decreaseTextIndent",
     icon: toolbarIcons2.indentLeft,
     tooltip: toolbarTexts2.indentLeft,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Left indent"
+    }
   });
   const indentRight = useToolbarItem({
     type: "button",
@@ -65435,14 +65651,20 @@ const makeDefaultItems = ({
     command: "increaseTextIndent",
     icon: toolbarIcons2.indentRight,
     tooltip: toolbarTexts2.indentRight,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Right indent"
+    }
   });
   const overflow = useToolbarItem({
     type: "overflow",
     name: "overflow",
     command: "toggleOverflow",
     icon: toolbarIcons2.overflow,
-    disabled: false
+    disabled: false,
+    attributes: {
+      ariaLabel: "Overflow items"
+    }
   });
   const zoom = useToolbarItem({
     type: "dropdown",
@@ -65456,6 +65678,9 @@ const makeDefaultItems = ({
     isWide: true,
     inlineTextInputVisible: false,
     hasInlineTextInput: true,
+    attributes: {
+      ariaLabel: "Zoom"
+    },
     options: [
       { label: "50%", key: 0.5, props: { "data-item": "btn-zoom-option" } },
       { label: "75%", key: 0.75, props: { "data-item": "btn-zoom-option" } },
@@ -65478,6 +65703,9 @@ const makeDefaultItems = ({
     command: "undo",
     icon: toolbarIcons2.undo,
     group: "left",
+    attributes: {
+      ariaLabel: "Undo"
+    },
     onDeactivate: () => {
       undo2.disabled.value = !superToolbar.undoDepth;
     }
@@ -65490,6 +65718,9 @@ const makeDefaultItems = ({
     command: "redo",
     icon: toolbarIcons2.redo,
     group: "left",
+    attributes: {
+      ariaLabel: "Redo"
+    },
     onDeactivate: () => {
       redo2.disabled.value = !superToolbar.redoDepth;
     }
@@ -65501,7 +65732,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChanges,
     command: "toggleTrackChanges",
     icon: toolbarIcons2.trackChanges,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Track changes"
+    }
   });
   const acceptTrackedChangeBySelection = useToolbarItem({
     type: "button",
@@ -65510,7 +65744,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesAccept,
     command: "acceptTrackedChangeBySelection",
     icon: toolbarIcons2.trackChangesAccept,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Accept tracked changes"
+    }
   });
   const rejectTrackedChangeOnSelection = useToolbarItem({
     type: "button",
@@ -65519,7 +65756,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesReject,
     command: "rejectTrackedChangeOnSelection",
     icon: toolbarIcons2.trackChangesReject,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Reject tracked changes"
+    }
   });
   const toggleTrackChangesOriginal = useToolbarItem({
     type: "button",
@@ -65528,7 +65768,10 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesOriginal,
     command: "toggleTrackChangesShowOriginal",
     icon: toolbarIcons2.trackChangesOriginal,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Toggle tracked changes show original"
+    }
   });
   const toggleTrackChangesFinal = useToolbarItem({
     type: "button",
@@ -65537,14 +65780,20 @@ const makeDefaultItems = ({
     tooltip: toolbarTexts2.trackChangesFinal,
     command: "toggleTrackChangesShowFinal",
     icon: toolbarIcons2.trackChangesFinal,
-    group: "left"
+    group: "left",
+    attributes: {
+      ariaLabel: "Toggle tracked changes show final"
+    }
   });
   const clearFormatting = useToolbarItem({
     type: "button",
     name: "clearFormatting",
     command: "clearFormat",
     tooltip: toolbarTexts2.clearFormatting,
-    icon: toolbarIcons2.clearFormatting
+    icon: toolbarIcons2.clearFormatting,
+    attributes: {
+      ariaLabel: "Clear formatting"
+    }
   });
   [
     bold,
@@ -65560,7 +65809,10 @@ const makeDefaultItems = ({
     name: "copyFormat",
     tooltip: toolbarTexts2.copyFormat,
     icon: toolbarIcons2.copyFormat,
-    command: "copyFormat"
+    command: "copyFormat",
+    attributes: {
+      ariaLabel: "Copy formatting"
+    }
   });
   const getDocumentOptionsAfterRole = (role2, documentOptions2) => {
     if (role2 === "editor") return documentOptions2;
@@ -65589,7 +65841,8 @@ const makeDefaultItems = ({
     disabled: role !== "editor",
     attributes: {
       dropdownPosition: "right",
-      className: "toolbar-item--doc-mode"
+      className: "toolbar-item--doc-mode",
+      ariaLabel: "Document mode"
     },
     options: [
       {
@@ -65636,7 +65889,10 @@ const makeDefaultItems = ({
     name: "pageBreakTool",
     command: "insertPageBreak",
     icon: toolbarIcons2.pageBreak,
-    tooltip: toolbarTexts2.pageBreak
+    tooltip: toolbarTexts2.pageBreak,
+    attributes: {
+      ariaLabel: "Page break"
+    }
   });
   const controlSizes = /* @__PURE__ */ new Map([
     ["separator", 20],
@@ -65654,7 +65910,10 @@ const makeDefaultItems = ({
     name: "ruler",
     command: "toggleRuler",
     icon: toolbarIcons2.ruler,
-    tooltip: toolbarTexts2.ruler
+    tooltip: toolbarTexts2.ruler,
+    attributes: {
+      ariaLabel: "Ruler"
+    }
   });
   const selectedLinkedStyle = vue.ref(null);
   const linkedStyles = useToolbarItem({
@@ -65670,7 +65929,8 @@ const makeDefaultItems = ({
     suppressActiveHighlight: true,
     disabled: false,
     attributes: {
-      className: "toolbar-item--linked-styles"
+      className: "toolbar-item--linked-styles",
+      ariaLabel: "Linked styles"
     },
     options: [
       {
@@ -65717,6 +65977,9 @@ const makeDefaultItems = ({
     command: "setLineHeight",
     dropdownValueKey: "key",
     selectedValue: "1",
+    attributes: {
+      ariaLabel: "Line height"
+    },
     options: [
       { label: "1,0", key: "1", icon: () => renderIcon("1", lineHeight2.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
       { label: "1,15", key: "1.15", icon: () => renderIcon("1.15", lineHeight2.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
@@ -67034,7 +67297,8 @@ const _sfc_main$2 = {
           vue.createBaseVNode("div", {
             ref_key: "editorElem",
             ref: editorElem,
-            class: "editor-element super-editor__element"
+            class: "editor-element super-editor__element",
+            role: "presentation"
           }, null, 512)
         ], 544),
         !editorReady.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
@@ -67086,7 +67350,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ff8f86f4"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f27b7c30"]]);
 const _sfc_main$1 = {
   __name: "BasicUpload",
   emits: ["file-change"],