Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

enh(breadcrumbs): removed unnecessary aria label #42379

Merged
merged 1 commit into from
Dec 22, 2023

Conversation

emoral435
Copy link
Contributor

@emoral435 emoral435 commented Dec 19, 2023

☑️ This fix depends on nextcloud-libraries/nextcloud-vue#4973 to be merged first! Resolves #42265

##🚧 Summary
This is a quick review, for a small change due to the changes made in a nextcloud component. As the aria label is being set on the component, this is redundant, as the section that needs the aria label is set on the correct element in the new version of the component.

Checklist

@emoral435
Copy link
Contributor Author

/backport to 28

Copy link
Contributor

@ShGKme ShGKme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should also specify aria-label on NcBreadcrumbs so it will be clear that this navigation is the current directory path.

But I'm not sure we should add the title for each button.

It may make sense for the first button because it has only an icon. And maybe for the last one because it has a different value with Reload current directory.

But it may overload a user giving to much information. I'd even consider removing Reload current directory, because via screen reader it is known that this button is a link for the current directory.

apps/files/src/components/BreadCrumbs.vue Show resolved Hide resolved
Copy link
Member

@skjnldsv skjnldsv left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🐘

@emoral435 emoral435 force-pushed the fix/ARIA-prop-for-NcBreadCrumb-component branch from c9cb285 to 9d22745 Compare December 20, 2023 18:13
@emoral435
Copy link
Contributor Author

@ShGKme So, I changed the method name to titleForSection, added an aria label to the nav wrapper that is the NcBreadCrumbs component, and removed the title attribute from all the breadcrumbs except the home icon!

@emoral435 emoral435 force-pushed the fix/ARIA-prop-for-NcBreadCrumb-component branch 2 times, most recently from d0fc974 to e89b0d5 Compare December 21, 2023 15:25
@emoral435 emoral435 force-pushed the fix/ARIA-prop-for-NcBreadCrumb-component branch from e89b0d5 to 557f502 Compare December 21, 2023 16:33
@susnux susnux added this to the Nextcloud 29 milestone Dec 21, 2023
Copy link
Contributor

@ShGKme ShGKme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Need to check how it is read with other than NVDA screen readers when there as both Text content and Title in navigation links.

With NVDA either title or text content is read and works fine.

@emoral435 emoral435 force-pushed the fix/ARIA-prop-for-NcBreadCrumb-component branch from 557f502 to e7fdb94 Compare December 22, 2023 15:16
Copy link
Contributor

@JuliaKirschenheuter JuliaKirschenheuter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot from 2023-12-22 16-22-04

please check the console

@emoral435
Copy link
Contributor Author

Should be fixed now! Just added t as a method, forgot to do so before :)

Copy link
Contributor

@JuliaKirschenheuter JuliaKirschenheuter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works now, thank you!

Sorry, i know that it is a bit too late but i think it would be better to remove native tooltips from breadcrumbs (all title attrs) because then we will face with a problem again: tooltips are there but there is no other way to discover this information besides mouse over. But i can create an issue for that

@JuliaKirschenheuter
Copy link
Contributor

#42379 (review) -> #42460

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
@emoral435 emoral435 force-pushed the fix/ARIA-prop-for-NcBreadCrumb-component branch from 73b283a to 6dd6b7f Compare December 22, 2023 19:39
@emoral435 emoral435 merged commit c7ada65 into master Dec 22, 2023
42 checks passed
@emoral435 emoral435 deleted the fix/ARIA-prop-for-NcBreadCrumb-component branch December 22, 2023 19:51
@backportbot-nextcloud
Copy link

The backport to 28 failed. Please do this backport manually.

# Switch to the target branch and update it
git checkout 28
git pull origin 28

# Create the new backport branch
git checkout -b fix/foo-28

# Cherry pick the change from the commit sha1 of the change against the default branch
# This might cause conflicts. Resolve them.
git cherry-pick abc123

# Push the cherry pick commit to the remote repository and open a pull request
git push origin fix/foo-28

Error: Unknown error

More info at https://docs.nextcloud.com/server/latest/developer_manual/getting_started/development_process.html#manual-backport

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
5 participants