Slightly better presentation of read receipts to screen reader users (#8662)

src/components/views/rooms/ReadReceiptGroup.tsx

@@ -199,10 +199,12 @@ export function ReadReceiptGroup(
 
     return (
         <div className="mx_EventTile_msgOption">
-            <div className="mx_ReadReceiptGroup">
+            <div className="mx_ReadReceiptGroup" role="group" aria-label={_t("Read receipts")}>
                 <AccessibleButton
                     className="mx_ReadReceiptGroup_button"
                     inputRef={button}
+                    aria-label={tooltipText}
+                    aria-haspopup="true"
                     onClick={openMenu}
                     onMouseOver={showTooltip}
                     onMouseLeave={hideTooltip}

src/i18n/strings/en_EN.json

@@ -1765,6 +1765,7 @@
     "%(members)s and %(last)s": "%(members)s and %(last)s",
     "Seen by %(count)s people|other": "Seen by %(count)s people",
     "Seen by %(count)s people|one": "Seen by %(count)s person",
+    "Read receipts": "Read receipts",
     "Recently viewed": "Recently viewed",
     "Replying": "Replying",
     "Room %(name)s": "Room %(name)s",