From: Jay Sitter <jay@jaysitter.com>
Date: Sat, 17 Jun 2023 23:10:53 +0000 (-0400)
Subject: fix(a11y): Add aria-controls for advanced button dropdown
X-Git-Url: http://these/git/%22%7Burl%7D/%22https:/image.com/%7B%60%24%7BghostArchiveUrl%7D/%7BimageSrc%7D?a=commitdiff_plain;h=fb2c9f74916cd61cc738c92c15b29f15ecf106f8;p=lemmy-ui.git

fix(a11y): Add aria-controls for advanced button dropdown
---

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 1ba9bb1..afe7f89 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -691,12 +691,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
               data-tippy-content={i18n.t("more")}
               data-bs-toggle="dropdown"
               aria-expanded="false"
+              aria-controls="advancedButtonsDropdown"
               aria-label={i18n.t("more")}
             >
               <Icon icon="more-vertical" inline />
             </button>
 
-            <ul className="dropdown-menu">
+            <ul className="dropdown-menu" id="advancedButtonsDropdown">
               {!this.myPost ? (
                 <>
                   <li>{this.reportButton}</li>