Add "aria-hidden" and "role" props to usePopover (#4727)

* Add aria-hidden and role props to usePopover

Author: andrewchough

packages/@react-aria/overlays/src/useOverlayPosition.ts

@@ -217,6 +217,8 @@ export function useOverlayPosition(props: AriaPositionProps): PositionAria {
     },
     placement: position.placement,
     arrowProps: {
+      'aria-hidden': 'true',
+      role: 'presentation',
       style: {
         left: position.arrowOffsetLeft,
         top: position.arrowOffsetTop

packages/@react-aria/overlays/test/useOverlayPosition.test.js

@@ -199,6 +199,14 @@ describe('useOverlayPosition', function () {
     fireEvent.scroll(window);
     expect(onClose).toHaveBeenCalledTimes(1);
   });
+
+  it('arrow should be hidden when using assistive technologies', function () {
+    let res = render(<Example />);
+    let arrow = res.getByTestId('arrow');
+
+    expect(arrow).toHaveAttribute('aria-hidden', 'true');
+    expect(arrow).toHaveAttribute('role', 'presentation');
+  });
 });
 
 describe('useOverlayPosition with positioned container', () => {