feat: add accessibilityRole="header" to headings elements (h1...h6)

Thanks to the new transient render engine features, it is now very
easy to attach default accessibility props to HTMLElementModels.

Author: jsamr

packages/render-html/src/__tests__/component.render-html.test.tsx

@@ -141,6 +141,20 @@ describe('RenderHTML', () => {
       act(() => anchor.props.onPress?.({}));
       expect(onPress).toHaveBeenCalled();
     });
+    it("should add accessibility role 'header' to headings", () => {
+      for (const header of ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']) {
+        const { getByTestId } = render(
+          <RenderHTML
+            source={{
+              html: `<${header}>test</${header}>`
+            }}
+            debug={false}
+            contentWidth={0}
+          />
+        );
+        expect(getByTestId(header).props.accessibilityRole).toBe('header');
+      }
+    });
   });
   describe('regarding customHTMLElementsModels prop', () => {
     it('should support changing block content model to mixed', () => {