@gautamjuyal
Posted
In order to change the image for a certain viewport, you can enclose the image inside a container and change the content property for the container for certain viewport width using media queries. For e.g. I have enclosed the image inside an img class container, now in order to change the image for a certain viewport width, i would add following chages :
@media (max-width: 400px){ .img{ content:url(/../..); }
Marked as helpful
@cyrusyamir
Posted
@gautamjuyal thanks for this I will try it, tell about experiences and other issues.
@gautamjuyal
Posted
@ARSHAD023 sure. Happy to be of help.
@cyrusyamir
Posted
@gautamjuyal can you guide me how to remove 5 ACCESSIBILITY ISSUES 3 HTML ISSUES do in may second attempt but they change the code and the errors are showing.
@gautamjuyal
Posted
@ARSHAD023 since you have made the required changes in the html, try generating a new report for the solution from the view report page. Usually, generating a new reporting does the job, and a resubmission is not required.
@cyrusyamir
Posted
@gautamjuyal since I have generated report and solve the suggested problem, but it came with new set of accessibility issues. What I could do? Somehow I am able to make zero HTML issues, but there is access. Issues still there.
@gautamjuyal
Posted
@ARSHAD023 these changes might work, do let me know if they do :
-
replace
<html lang="en">
with<html lang="en-us">
. -
replace
<div class="center parent-container">
with<main class="center parent-container">
and close it with</main>
.
@cyrusyamir
Posted
@gautamjuyal I try. Thanks for this.