ფერი საიტზე: კონტრასტი, წაკითხვადობა და გასაგები ნიშნები

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

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

ტექსტი თავის ფონთან შეამოწმეთ

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

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

მნიშვნელობა ფერის გარდა სხვაგვარადაც აჩვენეთ

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

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

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

საიდან დაიწყოთ შემოწმება

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

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