chore: Add missing labels to buttons without text and search inputs

This commit is contained in:
Tom Moor
2021-01-22 19:31:30 -08:00
parent 6a206de6cd
commit c9fdf48c33
19 changed files with 43 additions and 17 deletions

View File

@@ -19,7 +19,7 @@ export default function BreadcrumbMenu({ path }: Props) {
return (
<>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show path to document")} {...menu} />
<ContextMenu {...menu} aria-label={t("Path to document")}>
<Template
{...menu}

View File

@@ -18,7 +18,7 @@ function CollectionGroupMemberMenu({ onMembers, onRemove }: Props) {
return (
<>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
<ContextMenu {...menu} aria-label={t("Group member options")}>
<Template
{...menu}

View File

@@ -116,7 +116,7 @@ function CollectionMenu({
{label ? (
<MenuButton {...menu}>{label}</MenuButton>
) : (
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
)}
<ContextMenu
{...menu}

View File

@@ -38,7 +38,7 @@ function CollectionSortMenu({ collection, onOpen, onClose, ...rest }: Props) {
<>
<MenuButton {...menu}>
{(props) => (
<NudeButton {...props}>
<NudeButton aria-label={t("Show sort menu")} {...props}>
{alphabeticalSort ? <AlphabeticalSortIcon /> : <ManualSortIcon />}
</NudeButton>
)}

View File

@@ -140,7 +140,11 @@ function DocumentMenu({
{label ? (
<MenuButton {...menu}>{label}</MenuButton>
) : (
<OverflowMenuButton className={className} {...menu} />
<OverflowMenuButton
className={className}
aria-label={t("Show menu")}
{...menu}
/>
)}
<ContextMenu
{...menu}

View File

@@ -17,7 +17,7 @@ function GroupMemberMenu({ onRemove }: Props) {
return (
<>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
<ContextMenu {...menu} aria-label={t("Group member options")}>
<Template
{...menu}

View File

@@ -41,7 +41,7 @@ function GroupMenu({ group, onMembers }: Props) {
>
<GroupDelete group={group} onSubmit={() => setDeleteModalOpen(false)} />
</Modal>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
<ContextMenu {...menu} aria-label={t("Group options")}>
<Template
{...menu}

View File

@@ -17,7 +17,7 @@ function MemberMenu({ onRemove }: Props) {
return (
<>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
<ContextMenu {...menu} aria-label={t("Member options")}>
<Template
{...menu}

View File

@@ -51,6 +51,7 @@ function RevisionMenu({ document, revision, className, iconColor }: Props) {
<OverflowMenuButton
className={className}
iconColor={iconColor}
aria-label={t("Show menu")}
{...menu}
/>
<ContextMenu {...menu} aria-label={t("Revision options")}>

View File

@@ -49,7 +49,7 @@ function ShareMenu({ share }: Props) {
return (
<>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
<ContextMenu {...menu} aria-label={t("Share options")}>
<CopyToClipboard text={share.url} onCopy={handleCopy}>
<MenuItem {...menu}>{t("Copy link")}</MenuItem>

View File

@@ -88,7 +88,7 @@ function UserMenu({ user }: Props) {
return (
<>
<OverflowMenuButton {...menu} />
<OverflowMenuButton aria-label={t("Show menu")} {...menu} />
<ContextMenu {...menu} aria-label={t("User options")}>
<Template
{...menu}