ფერის კონტრასტის შემმოწმებელი

ტესტი წინა პლანისა და ფონის ფერების კონტრასტის კოეფიციენტზე, რათა უზრუნველყო ხელმისაწვდომობა.

1.00:1
კონტრასტი
Fail
ძალიან ცუდი

ჩვეულებრივი ტექსტი

AA (4.5:1)
AAA (7:1)

დიდი ტექსტი

AA (3:1)
AAA (4.5:1)
White
#ffffff
Selago
#f0eefd

სწრაფი შესწორებები

Aa

წინასწარი ნახვის სათაური

სწრაფი ყავისფერი მელა ხტება ზარმაცი ძაღლის თავზე

პატარა ტექსტის მაგალითი (12px)

ტექსტი
#ffffff
ფონი
#f0eefd

WCAG სტანდარტები

Level AA

მინიმალური კონტრასტის კოეფიციენტი 4.5:1 ჩვეულებრივი ტექსტისთვის და 3:1 დიდი ტექსტისთვის. აუცილებელია უმეტეს ვებსაიტებისთვის.

Level AAA

გაძლიერებული კონტრასტის კოეფიციენტი 7:1 ჩვეულებრივი ტექსტისთვის და 4.5:1 დიდი ტექსტისთვის. რეკომენდირებულია ოპტიმალური ხელმისაწვდომობისთვის.

არასაკმარისი კონტრასტი ყველა ტექსტის ზომისთვის - ვერ აკმაყოფილებს WCAG სტანდარტებს.

ფერის კონტრასტის შემმოწმებელი

ტექსტისა და ფონის ფერების კონტრასტის კოეფიციენტის გამოთვლა.

აირჩიე ფერი ტექსტისა და ფონისთვის ფერის selector-ით ან შეიყვანე ფერი RGB ჰექსადეციმალურ ფორმატში (მაგ., #259 ან #2596BE). შეგიძლია სლაიდერის გამოყენებით ფერი შეცვალო. ვებ კონტენტის ხელმისაწვდომობის სახელმძღვანელო (WCAG) შეიცავს კონკრეტულ სახელმძღვანელოს, რომელიც გეხმარება განსაზღვრო, არის თუ არა ტექსტი წაკითხვადი მხედველობითი მომხმარებლებისთვის. ეს კრიტერიუმი იყენებს კონკრეტულ ალგორითმს ფერთა კომბინაციების შედარებადი კოეფიციენტების დასადგენად. ამ ფორმულის გამოყენებით, WCAG აცხადებს, რომ 4.5:1 ფერის კონტრასტის კოეფიციენტი ტექსტსა და მის ფონზე საკმარისია ჩვეულებრივი (ტექსტის) ტექსტისთვის, ხოლო დიდი ტექსტი (18+ pt ჩვეულებრივი, ან 14+ pt სქელი) უნდა ჰქონდეს მინიმუმ 3:1 ფერის კონტრასტის კოეფიციენტი.

ძირითადი მახასიათებლები

  • კონტრასტის კოეფიციენტის რეალურ დროში გამოთვლა
  • WCAG AA & AAA შესაბამისობის შემოწმება
  • HSL სლაიდერები ზუსტი რეგულირებისთვის
  • მრავალჯერადი წინასწარი გადახედვის ფორმატები

გაფართოებული ინსტრუმენტები

  • ავტომატური ფერის შესწორება
  • ტექსტისა და ფონის ნიმუშები
  • ფერის სახელის ამოცნობა
  • შედეგების ექსპორტი