Improve accessibility on the editor DOM element (#5734)

* added accessibility attributes to the editor DOM element

* added changesets

.changeset/soft-peaches-hang.md

@@ -0,0 +1,5 @@
+---
+"@tiptap/core": patch
+---
+
+Added role and aria-label attributes to the contenteditable field for better screenreader support and mouseless controls

packages/core/src/Editor.ts

@@ -352,6 +352,14 @@ export class Editor extends EventEmitter<EditorEvents> {
       }),
     })
 
+    // add `role="textbox"` to the editor element
+    this.view.dom.setAttribute('role', 'textbox')
+
+    // add aria-label to the editor element
+    if (!this.view.dom.getAttribute('aria-label')) {
+      this.view.dom.setAttribute('aria-label', 'Rich-Text Editor')
+    }
+
     // `editor.view` is not yet available at this time.
     // Therefore we will add all plugins and node views directly afterwards.
     const newState = this.state.reconfigure({