mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 03:36:07 +03:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #365 from vector-im/avatar_initial_a11y

Browse source 
Mark up the avatar initials so they're not read out by screen readers
This commit is contained in:
Matthew Hodgson 2015-11-13 18:37:10 +00:00
commit ca07c8f429
4 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/skins/vector/css/atoms/MemberAvatar.css
View file

@ -23,8 +23,9 @@ limitations under the License.
position: absolute;
color: #fff;
text-align: center;
speak: none;
}
.mx_MemberAvatar_image {
border-radius: 20px;
}
}

1
src/skins/vector/css/atoms/RoomAvatar.css
View file

@ -22,4 +22,5 @@ limitations under the License.
color: #fff;
text-align: center;
font-weight: normal ! important;
speak: none;
}

2
src/skins/vector/views/atoms/MemberAvatar.js
View file

@ -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>

2
src/skins/vector/views/atoms/RoomAvatar.js
View file

@ -57,7 +57,7 @@ module.exports = React.createClass({
return (
<span>
<span className="mx_RoomAvatar_initial"
<span className="mx_RoomAvatar_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>