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

Remote semantics of h6 in user bubble #1586

Merged
merged 1 commit into from
Nov 24, 2020
Merged

Conversation

PVince81
Copy link
Contributor

This will prevent screen readers to say "Heading level 6" + the
contents instead of just reading the contents.

Tested with Orca and Firefox.

@PVince81 PVince81 added bug Something isn't working accessibility Making sure we design for the widest range of people possible, including those who have disabilities labels Nov 19, 2020
@PVince81 PVince81 self-assigned this Nov 19, 2020
@PVince81 PVince81 added the 3. to review Waiting for reviews label Nov 19, 2020
@@ -94,7 +94,7 @@ This component has the following slot:
class="user-bubble__avatar" />

<!-- Title -->
<h6 class="user-bubble__title">
<h6 class="user-bubble__title" role="presentation">
Copy link
Contributor

Choose a reason for hiding this comment

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

Do we still need the h6 then? I am not sure that make sense if we strip of their default role

Copy link
Contributor Author

Choose a reason for hiding this comment

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

we don't really, could use a div instead and need to check that the styling stays the same

Copy link
Contributor

Choose a reason for hiding this comment

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

span then if it's just text

Copy link
Contributor

@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.

We should not use headers like this for styling as it makes screen
readers read them out as "headling level 6".

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
@PVince81
Copy link
Contributor Author

I've replaced it now with a span and checked side by side with the old style: they look identical.

Copy link
Contributor

@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.

🚀

@skjnldsv skjnldsv merged commit 271ef08 into master Nov 24, 2020
@skjnldsv skjnldsv deleted the bugfix/noid/dont-say-h6 branch November 24, 2020 06:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants