當用戶通過單擊鏈接組件導航到新頁面時，屏幕閱讀器會以正確的順序完美地讀取新頁面。如果用戶通過按 Enter 或空格鍵選擇新頁面，瀏覽器仍會導航到正確的頁面，但屏幕閱讀器不會讀取頁面內容。新頁面導航的代碼如下所示：  <Card className={classes.root}>     <Link to={`/event/${eventId}`} component={CardActionArea}>        <CardMedia          className={classes.media}        />        <CardContent className={classes.cardContent}>              ...some info..        </CardContent>     </Link>  </Card>我嘗試通過創建 keyDownEvent 來解決此問題，如下所示，但沒有用： const elementRef = React.createRef<HTMLAnchorElement>();  const handleKeyDown = (e) => {    if (e.keyCode === 13 || e.keyCode === 32) {      e.preventDefault();      elementRef.current.click();    }  }并在鏈接中調用它  <Link to={`/event/${eventId}`} component={CardActionArea} onKeyDown={(e) => handleKeyDown(e)}>有人知道我哪里出錯了或者我應該嘗試什么嗎？