Add default accessibility roles to native elements

Author: necolas

packages/react-strict-dom/src/native/modules/createStrictDOMComponent.js

@@ -62,8 +62,14 @@ export function createStrictDOMComponent<T, P: StrictProps>(
 
       // Tag-specific props
 
-      if (tagName === 'header') {
+      if (tagName === 'button') {
+        nativeProps.role ??= 'button';
+      } else if (tagName === 'header') {
         nativeProps.role ??= 'header';
+      } else if (tagName === 'li') {
+        nativeProps.role ??= 'listitem';
+      } else if (tagName === 'ol' || tagName === 'ul') {
+        nativeProps.role ??= 'list';
       }
 
       // Component-specific props

packages/react-strict-dom/src/native/modules/createStrictDOMTextComponent.js

@@ -73,6 +73,15 @@ export function createStrictDOMTextComponent<T, P: StrictProps>(
         }
       } else if (tagName === 'br') {
         nativeProps.children = '\n';
+      } else if (
+        tagName === 'h1' ||
+        tagName === 'h2' ||
+        tagName === 'h3' ||
+        tagName === 'h4' ||
+        tagName === 'h5' ||
+        tagName === 'h6'
+      ) {
+        nativeProps.role ??= 'heading';
       } else if (tagName === 'option') {
         nativeProps.children = label;
       }