On the lookout for a technique to give a boost to your accessibility ranking? There’s so much you’ll be able to do and the subject of accessibility runs deep.

However some of the most simple issues you’ll be able to do is modify your web site’s color selection. You need a colour scheme that fits and blends well with a robust distinction for customers with colour blindness or imaginative and prescient impairment.

Hex Naw is a unfastened accessibility instrument that’ll can help you plan this out. It really works proper on your browser and allows you to examine any two colours to peer how they stack up in opposition to each and every different in accessibility exams.

hex naw color toolhex naw color tool

In reality, the instrument in truth allows you to upload as much as 12 colours all in the similar take a look at. This fashion you’ll be able to gauge the effectiveness of your whole structure via evaluating your entire colours in combination.

Observe that some colours would possibly paintings higher on their very own, or paintings higher in combination. That’s to be anticipated.

Which is why Hex Naw in truth compares most of these colours personally so you’ll be able to gauge the ranking for your self. Granted this implies in the event you’re checking out 6+ colours then you definately’re gonna have numerous combos to sift thru.

However it’s a small worth to pay for making sure your web site is absolutely obtainable to all customers.

With each and every colour pair, you’ll get a distinction ratio and a ranking for the small textual content and big textual content in opposition to the background colour. The app makes use of 4 rankings:

  • AAA – absolutely compliant.
  • AA – most commonly compliant however nonetheless nice.
  • A – first rate however may well be stepped forward.
  • Naw – now not an excellent combo.

The “naw” is principally a failing grade in opposition to the WCAG pointers for distinction. If any of your colours get that ranking you’ll for sure wish to reconsider them!

hexnaw sample toolhexnaw sample tool

Total this app is beautiful cool and tremendous simple to make use of. I in point of fact like how you’ll be able to briefly examine more than one colours in opposition to each and every different because it’s now not one thing you’ll to find in different distinction ratio apps.

However test it out for your self and notice what you suppose. In case you wanna make some elementary accessibility enhancements for your web site then this instrument is price bookmarking.

The publish Test Website’s Accessibility Color Rating With Hex Naw seemed first on Hongkiat.

WordPress Website Development Source: https://www.hongkiat.com/blog/test-websites-accessibility-color-rating-with-hex-naw/

[ continue ]