Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Mark up the avatar initials so they're not read out by screen readers

Browse Source
This commit is contained in:
David Baker 2015-11-13 09:28:56 +00:00
parent f8d628d336
commit 2fabf69ce3
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/skins/vector/css/atoms/MemberAvatar.css
View File

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

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

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