mirror of
https://github.com/element-hq/element-web
synced 2024-11-27 03:36:07 +03:00
Mark up the avatar initials so they're not read out by screen readers
This commit is contained in:
parent
f8d628d336
commit
2fabf69ce3
2 changed files with 3 additions and 2 deletions
|
@ -23,8 +23,9 @@ limitations under the License.
|
|||
position: absolute;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
.mx_MemberAvatar_image {
|
||||
border-radius: 20px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -50,7 +50,7 @@ module.exports = React.createClass({
|
|||
|
||||
return (
|
||||
<span className="mx_MemberAvatar">
|
||||
<span className="mx_MemberAvatar_initial"
|
||||
<span className="mx_MemberAvatar_initial" aria-hidden="true"
|
||||
style={{ fontSize: (this.props.width * 0.75) + "px",
|
||||
width: this.props.width + "px",
|
||||
lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>
|
||||
|
|
Loading…
Reference in a new issue