fix(react): editor and preview missing accessible names (stackblitz#267)

Author: AriPerkkio

packages/components/react/src/Panels/PreviewPanel.tsx

@@ -160,6 +160,10 @@ function Preview({ preview, iframe, previewCount, first, last, toggleTerminal, i
     if (preview.url) {
       iframe.ref.src = preview.url;
     }
+
+    if (preview.title) {
+      iframe.ref.title = preview.title;
+    }
   }, [preview.url, iframe.ref]);
 
   return (

packages/components/react/src/core/CodeMirrorEditor/index.tsx

@@ -208,6 +208,7 @@ function newEditorState(
   return EditorState.create({
     doc: content,
     extensions: [
+      EditorView.contentAttributes.of({ 'aria-label': 'Editor' }),
       EditorView.domEventHandlers({
         scroll: debounce((_event, view) => {
           onScrollRef.current?.({ left: view.scrollDOM.scrollLeft, top: view.scrollDOM.scrollTop });