|
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
- The contrast ratio should be 3.0 or more for 18 point text, or larger
- The contrast ratio should be 3.0 or more for 14 point bold text, or larger
- The contrast ratio should be 4.5 or more for all other text
| 1.4.6 | |
| The text color to background color contrast ratio after composition is: | | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 10.50pt font-weight: 600 <a href='https://deskablog.com/' data-wpel-link='internal' aria-current='page'>Home</a>
| Line 6 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 7.50pt font-weight: 400 <a href='.../' rel='category tag' data-wpel-link='internal'>Business Quotes</a>
| Line 12 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 7.50pt font-weight: 400 <a href='.../' rel='category tag' data-wpel-link='internal'>...s</a>
| Line 26 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 7.50pt font-weight: 400 <a href='.../' rel='category tag' data-wpel-link='internal'>Love Quotes</a>
| Line 26 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 7.50pt font-weight: 400 <a href='.../' rel='category tag' data-wpel-link='internal'>...s</a>
| Line 40 | |
| https://deskablog.com/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 10.50pt font-weight: 600 <a href='https://deskablog.com/about/' data-wpel-link='internal' aria-current='page'>About</a>
| Line 104 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <a href='...l' target='_blank' rel='nofollow noopener ...' data-wpel-link='external'>bsky.app</a>
| Line 248 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 12pt font-weight: 600 <span>Recent Posts</span>
| Line 271 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <a href='.../' data-wpel-link='internal'>250+ Welcome ... Quotes</a>
| Line 277 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <a href='.../' data-wpel-link='internal'>25 Healthy ... Lasting Love</a>
| Line 282 | |
| https://deskablog.com/about/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 10.50pt font-weight: 600 <a href='https://deskablog.com/contact/' data-wpel-link='internal' aria-current='page'>Contact</a>
| Line 108 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <span class='__cf_email__' data-cfemail='...'>[email protected]</span>
| Line 243 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <a href='...l' target='_blank' rel='nofollow noopener ...' data-wpel-link='external'>bsky.app</a>
| Line 250 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <a href='.../' target='_blank' rel='nofollow noopener ...' data-wpel-link='external'>instagram.com/deskablog</a>
| Line 256 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 12pt font-weight: 600 <span>Recent Posts</span>
| Line 285 | |
| https://deskablog.com/contact/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 10.50pt font-weight: 600 <a rel='privacy-policy' href='.../' data-wpel-link='internal' aria-current='page'>Privacy Policy</a>
| Line 102 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <span class='__cf_email__' data-cfemail='...'>[email protected]</span>
| Line 346 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <span class='__cf_email__' data-cfemail='...'>[email protected]</span>
| Line 482 | |
| 3.25 with
color: rgb(14,150,224) background: rgb(255,255,255)
font-size: 12.75pt font-weight: 400 <span class='__cf_email__' data-cfemail='...'>[email protected]</span>
| Line 525 | |
| 3.25 with
color: rgb(255,255,255) background: rgb(14,150,224)
font-size: 12pt font-weight: 600 <span>Recent Posts</span>
| Line 556 | |
| https://deskablog.com/privacy-policy/ | | |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
Do not remove the default outline style, and change any border styles to avoid obscuring the focus outline around focusable elements. See :focus-visible for more information.
Using a border or outline style that obscures the focus ring causes problems for keyboard-only users in:
- Chrome (obscures the focus indicator on links, buttons, dropdowns and range controls)
- Firefox (obscures the focus indicator on links)
| 2.4.7 | |
| | | |
| outline-color: matches background
<a href='https://deskablog.com/' class='custom-logo-link' rel='home' data-wpel-link='internal' aria-current='page'>...</a>
| Line 6 | |
| outline-color: matches background
<a rel='privacy-policy' href='.../' data-wpel-link='internal'>...y</a>
| Line 6 | |
| outline-color: matches background
<a href='https://deskablog.com/about/' data-wpel-link='internal'>About</a>
| Line 6 | |
| outline-color: matches background
<a href='https://deskablog.com/contact/' data-wpel-link='internal'>...t</a>
| Line 6 | |
| outline-color: matches background
<a href='.../' data-wpel-link='internal'>Good Morning Quotes</a>
| Line 6 | |
| https://deskablog.com/ | | |
| | | |
| outline-color: matches background
<a href='https://deskablog.com/' class='custom-logo-link' rel='home' data-wpel-link='internal'>...</a>
| Line 77 | |
| outline-color: matches background
<a href='https://deskablog.com/' data-wpel-link='internal'>Home</a>
| Line 96 | |
| outline-color: matches background
<a rel='privacy-policy' href='.../' data-wpel-link='internal'>...y</a>
| Line 100 | |
| outline-color: matches background
<a href='https://deskablog.com/contact/' data-wpel-link='internal'>...t</a>
| Line 108 | |
| outline-color: matches background
<a href='.../' data-wpel-link='internal'>Good Morning Quotes</a>
| Line 112 | |
| https://deskablog.com/about/ | | |
| | | |
| outline-color: matches background
<a href='https://deskablog.com/' class='custom-logo-link' rel='home' data-wpel-link='internal'>...</a>
| Line 77 | |
| outline-color: matches background
<a href='https://deskablog.com/' data-wpel-link='internal'>Home</a>
| Line 96 | |
| outline-color: matches background
<a rel='privacy-policy' href='.../' data-wpel-link='internal'>...y</a>
| Line 100 | |
| outline-color: matches background
<a href='https://deskablog.com/about/' data-wpel-link='internal'>About</a>
| Line 104 | |
| outline-color: matches background
<a href='.../' data-wpel-link='internal'>Good Morning Quotes</a>
| Line 112 | |
| https://deskablog.com/contact/ | | |
| | | |
| outline-color: matches background
<a href='https://deskablog.com/' class='custom-logo-link' rel='home' data-wpel-link='internal'>...</a>
| Line 79 | |
| outline-color: matches background
<a href='https://deskablog.com/' data-wpel-link='internal'>Home</a>
| Line 98 | |
| outline-color: matches background
<a href='https://deskablog.com/about/' data-wpel-link='internal'>About</a>
| Line 106 | |
| outline-color: matches background
<a href='https://deskablog.com/contact/' data-wpel-link='internal'>...t</a>
| Line 110 | |
| outline-color: matches background
<a href='.../' data-wpel-link='internal'>Good Morning Quotes</a>
| Line 114 | |
| https://deskablog.com/privacy-policy/ | | |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
If the control has a visible edge, make sure this has sufficient contrast against the area outside the control. | | |
| The contrast ratio between the control edge and surrounding area is: | | |
| 1.27 with
border-color: rgb(228,228,231); background: rgb(252,252,252); box margin rgb(255,255,255); <textarea id='comment' name='comment' cols='45' rows='8' maxlength='65525' required></textarea>
| Line 2939 | |
| 1.27 with
border-color: rgb(228,228,231); background: rgb(252,252,252); box margin rgb(255,255,255); <input id='author' name='author' type='text' value='' size='30' maxlength='245' autocomplete='name' required>
| Line 2947 | |
| 1.27 with
border-color: rgb(228,228,231); background: rgb(252,252,252); box margin rgb(255,255,255); <input id='email' name='email' type='email' value='' size='30' maxlength='100' autocomplete='email' required aria-describedby='email-notes'>
| Line 2954 | |
| 1.27 with
border-color: rgb(228,228,231); background: rgb(252,252,252); box margin rgb(255,255,255); <input id='url' name='url' type='url' value='' size='30' maxlength='200' autocomplete='url'>
| Line 2959 | |
| https://deskablog.com/welcome-messages-for-customers-guests/ | | |
|
Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.
- The contrast ratio should be 4.5 or more for 18 point text, or larger
- The contrast ratio should be 4.5 or more for 14 point bold text, or larger
- The contrast ratio should be 7.0 or more for all other text
| | |
| The text color to background color contrast ratio after composition is: | | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>September 21, 2025</time>
| Line 12 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <a class='url fn n' href='.../' title='deskablog' data-wpel-link='internal'>deskablog</a>
| Line 14 | |
| 4.55 with
color: rgb(255,255,255) background: rgb(32,125,175)
font-size: 16.80pt font-weight: 600 <span>Read More</span>
| Line 22 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>September 21, 2025</time>
| Line 26 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <a class='url fn n' href='.../' title='deskablog' data-wpel-link='internal'>deskablog</a>
| Line 28 | |
| https://deskablog.com/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>September 1, 2025</time>
| Line 468 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <a class='url fn n' href='.../' title='deskablog' data-wpel-link='internal'>deskablog</a>
| Line 479 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 31, 2025</time>
| Line 523 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 13, 2025</time>
| Line 570 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 12, 2025</time>
| Line 617 | |
| https://deskablog.com/about/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>September 1, 2025</time>
| Line 482 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <a class='url fn n' href='.../' title='deskablog' data-wpel-link='internal'>deskablog</a>
| Line 493 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 31, 2025</time>
| Line 537 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 13, 2025</time>
| Line 584 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 12, 2025</time>
| Line 631 | |
| https://deskablog.com/contact/ | | |
| The text color to background color contrast ratio after composition is: | | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>September 1, 2025</time>
| Line 753 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <a class='url fn n' href='.../' title='deskablog' data-wpel-link='internal'>deskablog</a>
| Line 764 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 31, 2025</time>
| Line 808 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 13, 2025</time>
| Line 855 | |
| 4.83 with
color: rgb(113,113,122) background: rgb(255,255,255)
font-size: 14.40pt font-weight: 400 <time class='entry-date published' datetime='...'>August 12, 2025</time>
| Line 902 | |
| https://deskablog.com/privacy-policy/ | | |
| This issue was found on another 5 pages.
The trial version is limited to showing issues on 4 pages.
| | |
|
Screen reader users often tab from one link to the next, or use the 'Next Link' command.
Moving between links labelled 'click here' sounds like 'Click here, tab, click here, tab, click here'.
Change the link text, or add an aria-label , so the link makes sense when read without the surrounding text. | 2.4.9 | |
| | | |
| Link text: Read More<a class='cm-entry-button' title='250+ Welcome Messages for Customers & Guests: Complete Collection of Greeting Quotes' href='.../' data-wpel-link='internal'>...</a>
| Line 21 | |
| Link text: Read More<a class='cm-entry-button' title='25 Healthy Relationship Tips for Couples: A Guide to Building Lasting Love' href='.../' data-wpel-link='internal'>...</a>
| Line 35 | |
| Link text: Read More<a class='cm-entry-button' title='180+ Inspirational Career Quotes: Fuel Your Professional Journey' href='.../' data-wpel-link='internal'>...</a>
| Line 49 | |
| Link text: Read More<a class='cm-entry-button' title='40 Fun Things to Do in School And Class When You’re Bored' href='.../' data-wpel-link='internal'>...</a>
| Line 63 | |
| Link text: Read More<a class='cm-entry-button' title='How to Communicate Better in Relationships: Essential Skills for Couples' href='.../' data-wpel-link='internal'>...</a>
| Line 77 | |
| https://deskablog.com/ | | |
| | | |
| Link text: Read More<a class='cm-entry-button' title='200+ Quote of the Day: Daily Inspiration for Your Journey' href='.../' data-wpel-link='internal'>...</a>
| Line 290 | |
| Link text: Read More<a class='cm-entry-button' title='250+ Weekend End Quotes: Say Goodbye to Your Days Off with Style' href='.../' data-wpel-link='internal'>...</a>
| Line 362 | |
| Link text: Read More<a class='cm-entry-button' title='120+ Uplifting Good Morning Wednesday Inspirational Quotes to Transform Your Midweek' href='.../' data-wpel-link='internal'>...</a>
| Line 430 | |
| Link text: Read More<a class='cm-entry-button' title='150 Funny Good Morning Quotes to Brighten Your Day and Make You Smile' href='.../' data-wpel-link='internal'>...</a>
| Line 498 | |
| Link text: Read More<a class='cm-entry-button' title='55 Tuesday Work Quotes to Make Your Day Better' href='.../' data-wpel-link='internal'>...</a>
| Line 570 | |
| https://deskablog.com/category/good-morning-quotes/ | | |
| | | |
| Link text: Read More<a class='cm-entry-button' title='120+ One Word Quotes: Simple Words With Powerful Meanings' href='.../' data-wpel-link='internal'>...</a>
| Line 288 | |
| Link text: Read More<a class='cm-entry-button' title='250+ Weekend End Quotes: Say Goodbye to Your Days Off with Style' href='.../' data-wpel-link='internal'>...</a>
| Line 360 | |
| Link text: Read More<a class='cm-entry-button' title='120 Quotes on the Pain of Broken Friendships' href='.../' data-wpel-link='internal'>...</a>
| Line 430 | |
| Link text: Read More<a class='cm-entry-button' title='130+ Everything Will Be Fine Quotes to Help You Stay Strong' href='.../' data-wpel-link='internal'>...</a>
| Line 500 | |
| Link text: Read More<a class='cm-entry-button' title='150 Rejection Quotes: Turn Your Pain into Power' href='.../' data-wpel-link='internal'>...</a>
| Line 574 | |
| https://deskablog.com/category/personal-motivation-quotes/ | | |
| | | |
| Link text: Read More<a class='cm-entry-button' title='200+ Quote of the Day: Daily Inspiration for Your Journey' href='.../' data-wpel-link='internal'>...</a>
| Line 290 | |
| Link text: Read More<a class='cm-entry-button' title='250+ Holding Hands Quotes: The Simple Magic of Connection' href='.../' data-wpel-link='internal'>...</a>
| Line 362 | |
| Link text: Read More<a class='cm-entry-button' title='120+ One Word Quotes: Simple Words With Powerful Meanings' href='.../' data-wpel-link='internal'>...</a>
| Line 434 | |
| Link text: Read More<a class='cm-entry-button' title='250+ Weekend End Quotes: Say Goodbye to Your Days Off with Style' href='.../' data-wpel-link='internal'>...</a>
| Line 506 | |
| Link text: Read More<a class='cm-entry-button' title='150 Sad Breakup Quotes: Healing Words for a Broken Heart' href='.../' data-wpel-link='internal'>...</a>
| Line 576 | |
| https://deskablog.com/category/quotes/ | | |
| This issue was found on another 1 pages.
The trial version is limited to showing issues on 4 pages.
| | |