Desuar Spa - www.desuar.com

This is for a client who already has a website we can use that we just need to optimize.

can we put this website through the same test you put bay cities for ADA

Assigned to
Isaac Klausnser, Medstar Isaac K.
Notes
let me know what you find Isaac Klausnser, Medstar Isaac  

Comments & Events

whitney.zelig@gmail.com, Medstar
So what are you seeing, Isaac Klausnser, Medstar Isaac  ? Anything pressing ?
whitney.zelig@gmail.com, Medstar
How do we fix these errors Isaac Klausnser, Medstar Isaac  
what does contrast errors mean? it's not readable? 
Isaac Klausnser, Medstar
whitney.zelig@gmail.com, Medstar whitney.zelig@gmail.com -

what does contrast errors mean? it's not readable? 

Yes, as per the report text is not readable in 61 different places on the website.
whitney.zelig@gmail.com, Medstar
Oh no, how can we fix that? 

and what can we do to prevent that in the future? 
Isaac Klausnser, Medstar
whitney.zelig@gmail.com, Medstar whitney.zelig@gmail.com - Please check the screenshot attached. This should help you with all your queries regarding this issue.

To avoid this in the future. We need to make sure we follow the contrast ratio of 4:5:1 for small text and for larger text 18px+ ratio less than 3:1 as recommended in the below screenshot.

whitney.zelig@gmail.com, Medstar
okay how can we fix this for this site Isaac Klausnser, Medstar Isaac  
Isaac Klausnser, Medstar
whitney.zelig@gmail.com, Medstar whitney.zelig@gmail.com - We need to manually change the color of the elements on the website following the contrast ratio mentioned in the screenshot.

Selena should be able to help us with this.

Selena Vujatov, Medstar Selena - Can you please check the below report and update the colors accordingly so we don't have any ADA-compliant errors on this website?

https://wave.webaim.org/report#/desuar.com
Selena Vujatov, Medstar
Isaac Klausnser, Medstar Isaac I followed instructions from the WAVE report and I reduced the number of contrast errors, but still, there are 31 of them. Even when I remove the background and put just black background with a white heading on the top it still shows an error. It's so annoying, cause there are other sections with black background and there's no contrast error.

Also, look at this example https://monosnap.com/file/jhWB5mReS8VGJIb0gW0HSNXLVjgynn
There's no error on main heading on the hero section even if there's smaller opacity, and there are errors on header (which has a dark overlay). So strange.

I checked all attached images and videos in media in dashboard and we are not misssing ALT anywhere. We also don't have empty links. I don't have an idea how to get rid of those errors. If you have some tips please tell :)

I finished with the homepage, I will apply changes to other pages.
Selena Vujatov, Medstar
Isaac Klausnser, Medstar Isaac  I applied instructions from report to other pages as well
Isaac Klausnser, Medstar
Selena Vujatov, Medstar Selena - Thank you. Will check.
Alyssa Workman, Medstar
Isaac Klausnser, Medstar Isaac  is this complete? Can I close this task?
Isaac Klausnser, Medstar
Alyssa Workman, Medstar Alyssa - Yes, you can close this task.
Alyssa Workman, Medstar
Alyssa Workman completed this to-do.