mirror of
https://github.com/SchildiChat/element-web.git
synced 2024-10-01 01:26:12 -04:00
Mark up the avatar initials so they're not read out by screen readers
This commit is contained in:
parent
f8d628d336
commit
2fabf69ce3
@ -23,6 +23,7 @@ limitations under the License.
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
speak: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_MemberAvatar_image {
|
.mx_MemberAvatar_image {
|
||||||
|
@ -50,7 +50,7 @@ module.exports = React.createClass({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<span className="mx_MemberAvatar">
|
<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",
|
style={{ fontSize: (this.props.width * 0.75) + "px",
|
||||||
width: this.props.width + "px",
|
width: this.props.width + "px",
|
||||||
lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>
|
lineHeight: this.props.height*1.2 + "px" }}>{ initial }</span>
|
||||||
|
Loading…
Reference in New Issue
Block a user