PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

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>;
} }