mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-12-17 15:21:21 +01:00
Code Issues Projects Releases Wiki Activity

Make message separator more accessible. (#7056)

Browse Source
This commit is contained in:
Nolan Darilek 2021-10-29 10:20:10 -05:00 committed by GitHub
parent 98edc467e0
commit ea54ea89d4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/views/messages/DateSeparator.tsx
View File

@ -65,9 +65,9 @@ export default class DateSeparator extends React.Component<IProps> {
render() { render() {
// ARIA treats <hr/>s as separators, here we abuse them slightly so manually treat this entire thing as one // ARIA treats <hr/>s as separators, here we abuse them slightly so manually treat this entire thing as one
// tab-index=-1 to allow it to be focusable but do not add tab stop for it, primarily for screen readers // tab-index=-1 to allow it to be focusable but do not add tab stop for it, primarily for screen readers
return <h2 className="mx_DateSeparator" role="separator" tabIndex={-1}> return <h2 className="mx_DateSeparator" role="separator" tabIndex={-1} aria-label={this.getLabel()}>
<hr role="none" /> <hr role="none" />
<div>{ this.getLabel() }</div> <div aria-hidden="true">{ this.getLabel() }</div>
<hr role="none" /> <hr role="none" />
</h2>; </h2>;
} }