Title: Low contrast issue
Last modified: September 5, 2024

---

# Low contrast issue

 *  Resolved [shrestharavee1](https://wordpress.org/support/users/shrestharavee1/)
 * (@shrestharavee1)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/low-contrast-issue-3/)
 * We are using smart slider to display our faculty, but when i run the page through
   Wave accessibility checker I see very low contrast issue. How can i fix this?
 * The contrast issue is in the note section.
 *     ```wp-block-code
       <div role="note" class="n2-ss-slide--focus" tabindex="-1" style="opacity: 1; color: rgba(0, 0, 0, 0); background-color: rgb(255, 255, 255);">Slide 1 - Karl Witt</div>
       ```
   
 * Here is the tool we use: [https://wave.webaim.org/extension/](https://wave.webaim.org/extension/)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Flow-contrast-issue-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Support [Laszlo](https://wordpress.org/support/users/laszloszalvak/)
 * (@laszloszalvak)
 * [1 year, 8 months ago](https://wordpress.org/support/topic/low-contrast-issue-3/#post-17997754)
 * Hi [@shrestharavee1](https://wordpress.org/support/users/shrestharavee1/)
 * You can actually ignore that warning, as the purpose of that element is just 
   to make screen readers be able to read the Slide title, using ARIA note roles,
   Basically the role=”note” attribute indicates that the content within the div
   is supplementary or informative, but not essential for interacting with the main
   functionality of the page.
 * On the other hand if you check the source code, and the styles, you will see 
   that element is actually not visible at all, as it has opacity 0, and it is an
   absolute positioned element with z-index -99999, so as you can see this element
   is not intended for displaying, thus the contrast warning is not relevant at 
   all.
 * Best regards,
   Laszlo.
 *  Thread Starter [shrestharavee1](https://wordpress.org/support/users/shrestharavee1/)
 * (@shrestharavee1)
 * [1 year, 7 months ago](https://wordpress.org/support/topic/low-contrast-issue-3/#post-18009256)
 * Thanks Laszlo for the quick and detailed response. This is quite helpful!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Low contrast issue’ is closed to new replies.

 * ![](https://ps.w.org/smart-slider-3/assets/icon.svg?rev=2307688)
 * [Smart Slider 3](https://wordpress.org/plugins/smart-slider-3/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smart-slider-3/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smart-slider-3/)
 * [Active Topics](https://wordpress.org/support/plugin/smart-slider-3/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smart-slider-3/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smart-slider-3/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [shrestharavee1](https://wordpress.org/support/users/shrestharavee1/)
 * Last activity: [1 year, 7 months ago](https://wordpress.org/support/topic/low-contrast-issue-3/#post-18009256)
 * Status: resolved