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

შეაფასეთ ტექსტისა და ფონის ფერების კონტრასტის თანაფარდობა WCAG 2.1 მითითებების მიხედვით. მყისიერად შექმენით ხელმისაწვდომი ფერის კორექტირება.

HEX/RGB/HSL
HEX/RGB/HSL
ყველაფერი მუშაობს ლოკალურად თქვენს ბრაუზერში.

ტექსტის ცოცხალი გადახედვა

დიდი სათაური (18pt Bold / 24pt Regular)

ეს არის დიდი სათაურის ტექსტის სტილის გადახედვა.


ნორმალური ტექსტი (18pt-ზე ნაკლები)

ეს არის სანიმუშო ტექსტი, რომელიც გამოიყენება დიზაინისა და განლაგების შესამოწმებლად.

კონტრასტის თანაფარდობა

18.6:1

WCAG 2.1 შესაბამისობის სტატუსი

WCAG AA მოთხოვნები
ნორმალური ტექსტი (4.5:1) PASS
დიდი ტექსტი (3.0:1) PASS

WCAG AAA მოთხოვნები
ნორმალური ტექსტი (7.0:1) PASS
დიდი ტექსტი (4.5:1) PASS

WCAG 2.1 სახელმძღვანელო მითითებები

მარტივად შეამოწმეთ კონტრასტის სტანდარტები, რათა შექმნათ ხელმისაწვდომი ინტერფეისები, რომლებიც შეესაბამება Section 508, ADA და WCAG AA ან AAA მითითებებს.

შემოთავაზებების ძრავა

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

მთლიანად კლიენტის მხარეს

გამოთვლები ხორციელდება ადგილობრივად თქვენი ბრაუზერის კონტექსტში. ჩვენს სერვერებზე არ გადაიცემა არც ფერები, არც ფაილები და არც ტელემეტრიის კოორდინატები.

დაკავშირებული ფერის ინსტრუმენტები

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

გამოთვალეთ WCAG კონტრასტის თანაფარდობები წინა და ფონის ფერებისთვის და აჩვენეთ საერთო ტექსტის ზომის შედეგები.

შეყვანა
ორი სწორი CSS ფერი და არჩევითი გადახედვის ტექსტი.
გამომავალი
კონტრასტის თანაფარდობა WCAG AA და AAA გავლის ან ჩავარდნის ინდიკატორებით.
რეალური შეზღუდვები
გაანგარიშება მოიცავს მხოლოდ luminance კონტრასტს; ის არ ამოწმებს ინტერფეისს ან არ ითვალისწინებს font rendering-ს, motion-ს, focus-ს ან არაფერადოვან მინიშნებებს.
კონფიდენციალურობა და მონაცემთა დამუშავება
ორი სწორი CSS ფერი და არჩევითი გადახედვის ტექსტი მუშავდება ამ ბრაუზერის ჩანართში. Convertr არ იღებს და არ ინახავს მას; გვერდის დახურვა ან განახლება ასუფთავებს სამუშაო მდგომარეობას, თუ ხელსაწყო ცალსახად არ გვთავაზობს ლოკალურ ჩამოტვირთვას.

როგორ გამოვიყენოთ ეს ინსტრუმენტი

  1. მიაწოდეთ ორი ვალიდური CSS ფერი და არჩევითი გადახედვის ტექსტი ინსტრუმენტის მართვის პანელში.
  2. აირჩიეთ პარამეტრები, რომლებიც გავლენას ახდენენ კონტრასტის თანაფარდობაზე WCAG AA და AAA უღელტეხილის ან წარუმატებლობის ინდიკატორებით, შემდეგ გაუშვით ინსტრუმენტი.
  3. გადახედეთ კონტრასტის თანაფარდობას WCAG AA და AAA გავლის ან ჩავარდნის ინდიკატორებით მის კოპირებამდე ან ჩამოტვირთვამდე.

საერთო წარუმატებლობის რეჟიმები

არასწორი ფერების გაზომვა შეუძლებელია, ხოლო გამჭვირვალობა გადაწყვეტილი ფონის გარეშე შეიძლება თანაფარდობა უაზრო გახადოს.

სასარგებლო მაგალითი

შეადარეთ #1f2937 ტექსტი #ffffff-ზე, რათა გადაამოწმოთ მისი თანაფარდობა ნორმალური და დიდი ტექსტისთვის.