-
Notifications
You must be signed in to change notification settings - Fork 85
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
Conversation
@@ -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"> |
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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
There was a problem hiding this comment.
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
There was a problem hiding this 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>
21af00f
to
1b76929
Compare
I've replaced it now with a span and checked side by side with the old style: they look identical. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚀
This will prevent screen readers to say "Heading level 6" + the
contents instead of just reading the contents.
Tested with Orca and Firefox.