Site search hamburger-menu icon
აირჩიეთ ენა

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

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

წინა პლანზე ფერი

გთხოვთ, შეიყვანოთ სწორი ექვსკუთხა ტრიპლეტი , ან გამოიყენოთ ფერის ამომრჩევი.

ფონის ფერი

გთხოვთ, შეიყვანოთ სწორი ექვსკუთხა ტრიპლეტი , ან გამოიყენოთ ფერის ამომრჩევი.

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

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

WCAG AA: Pass

WCAG AAA: Pass

მაგალითი ნორმალური ტექსტი - 16px

დიდი ტექსტი

WCAG AA: Pass

WCAG AAA: Pass

მაგალითი დიდი ტექსტი 18pt/24px

გრაფიკული ობიექტები და მომხმარებლის ინტერფეისის კომპონენტები

WCAG AA:  Pass

image/svg+xml
  • გამოთვალეთ კონტრასტის კოეფიციენტი ტექსტის ნორმალური ზომისთვის.
  • გამოთვალეთ კონტრასტის კოეფიციენტი ტექსტის დიდი ზომისთვის.
  • გამოთვალეთ კონტრასტის კოეფიციენტი მომხმარებლის ინტერფეისის კომპონენტებისთვის.
  • შეარჩიეთ ფერი ფერის ამომრჩეველიდან
  • დააყენეთ ფერი სიმსუბუქე

როგორ გამოვიყენოთ კონტრასტული შემოწმება

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

ხშირად დასმული კითხვები

როგორ მუშაობს კონტრასტის შემოწმება?

თქვენ უნდა შეაფასოთ ტექსტისა და ფონის ფერი. WCAG 2.1 გაიდლაინების თანახმად, ესენია: დიდი ტექსტი - ტექსტი მინიმალური ზომით 18px მოითხოვს კონტრასტის თანაფარდობას 3:1; მცირე ტექსტი - 18 პიქსელზე ნაკლები ზომის ტექსტი მოითხოვს კონტრასტის თანაფარდობას 4.5:1.

რატომ უნდა ჰქონდეს ჩემს ვებსაიტს საკმარისი ფერის კონტრასტი?

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

რას ნიშნავს ვებსაიტის ხელმისაწვდომობა?

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

სურათები და ვიდეოები უნდა შეესაბამებოდეს WCAG ფერის კონტრასტის მოთხოვნებს?

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

© Smallize Pty Ltd 2022-2024. All Rights Reserved.