add aria-label for modal close button (X)

static/app-strings.json

@@ -2043,5 +2043,8 @@
   "Trending for #Art": "Trending for #Art",
   "Trending for #Education": "Trending for #Education",
   "Trending for #Technology": "Trending for #Technology",
+  "Enter a @username or URL": "Enter a @username or URL",
+  "examples: @channel, @channel#3, https://odysee.com/@Odysee:8, lbry://@Odysee#8": "examples: @channel, @channel#3, https://odysee.com/@Odysee:8, lbry://@Odysee#8",
+  "Moderators": "Moderators",
   "--end--": "--end--"
 }

ui/modal/modal.jsx

@@ -14,8 +14,8 @@ type ModalProps = {
   abortButtonLabel?: string,
   confirmButtonDisabled?: boolean,
   abortButtonDisabled?: boolean,
-  onConfirmed?: any => any,
-  onAborted?: any => any,
+  onConfirmed?: (any) => any,
+  onAborted?: (any) => any,
   className?: string,
   children?: React.Node,
   extraContent?: React.Node,
@@ -52,7 +52,13 @@ export function Modal(props: ModalProps) {
     >
       {title && <h1 className="card__title card__title--deprecated">{title}</h1>}
       {type === 'card' && (
-        <Button iconSize={isMobile ? 24 : undefined} button="close" icon={ICONS.REMOVE} onClick={onAborted} />
+        <Button
+          iconSize={isMobile ? 24 : undefined}
+          button="close"
+          aria-label={__('Close')}
+          icon={ICONS.REMOVE}
+          onClick={onAborted}
+        />
       )}
       {children}
       {type === 'custom' || type === 'card' ? null : ( // custom modals define their own buttons