-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
#789 alternative text for images format #790
Conversation
@@ -9,7 +9,7 @@ const WarnUnsavedDataModal = ({ onCancel, onConfirm }) => { | |||
Збереження введених даних | |||
</p> | |||
<button onClick={onCancel} className={classes['modal-header--close-icon']}> | |||
<img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/cross-btn.svg`} /> | |||
<img src={`${process.env.REACT_APP_PUBLIC_URL}/svg/cross-btn.svg`} alt="Cross btn" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Consider something like "Cancel button" here, becouse "Cross btn" may be confusing for screenreader users.
@@ -8,12 +8,12 @@ const MainPartners = () => { | |||
<div className="partners-section__navi-icons"> | |||
<div className="partners-section__navi-icon"> | |||
<div className="partners-section__icon"> | |||
<img src="/svg/icon-left.svg" alt="" /> | |||
<img src="/svg/icon-left.svg" alt="Left" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The content of the alt attribute is literally what will be read by a screen reader, for example, if the user can not see. I would use more descriptive text.
Formated title and styles css