Fanaraha-maso ny fifanoheran'ny loko

Hamarino ny lokonao

Andramo ny fifangaroan'ny loko mba hahazoana antoka fa mahafeno ny fenitra WCAG ho an'ny fahazoana vakiana ny lahatsoratra.

Fifanoherana

AAA

Vokatra lahatsoratra

Tena tsara

Nifandraovana: #FFFFFF eo ambony #6B4A8C

Lahatsoratra

16px, Regular (400)

Isaina ho lahatsoratra mahazatra.

AA (WCAG 1.4.3): farafahakeliny 4.5:1
Mahafeno
AAA (WCAG 1.4.6): farafahakeliny 7:1
Mahafeno

Singa UI sy sary

Sary famantarana, sisin'ny fidirana, mari-pamantarana fifantohana ary ireo ampahany hafa ilainao hahitana ny fampiasa ny interface.

AA (WCAG 1.4.11): farafahakeliny 3:1
Mahafeno

Ahoana no anaovana ny fanamarinana

Loko ampitahana (rehefa avy niaraka): Lahatsoratra #FFFFFF eo ambony ambadika #6B4A8C
Luminansy relative: Lahatsoratra 1.0000, ambadika 0.0991
Formula: (L1 + 0.05) / (L2 + 0.05) izay i L1 no luminansy amin'ny loko mazava kokoa ary i L2 amin'ny loko maizina kokoa.
Taham-pifanoherana marina: 7.0390 amin'ny 1, aseho ho 7.03 amin'ny 1. Ny sanda aseho dia tapahana fa tsy avadika ho manakaiky, ka tsy ho hita ho tsara kokoa noho ny zava-misy. Ny sanda marina no ampitahaina amin'ny fepetra.

Haben'ny soratra: 16px, Regular (400)

Isaina ho lahatsoratra mahazatra. Ny lahatsoratra lehibe dia farafahakeliny 24px (18pt), na farafahakeliny 18.67px (14pt) rehefa matavy (lanja 700 na mihoatra). Aseho tapaka ny habeny, tsy averina ho manodidina.

Fepetra

Loko lahatsoratra

Loko ambadika

Haben'ny lahatsoratra (px)

Lanjan'ny soratra

Lohateny topi-maso

Ny amboadia volontsôkôlà haingana dia mitsambikina eo ambonin'ny alika kamo

Ohatra amin'ny soratra kely (12px)

Soratra

#ffffff

Ambadika

#6b4a8c

Fenitra WCAG

Sehatra AA

Farafahakeliny tahan'ny fifanoherana 4.5:1 ho an'ny lahatsoratra mahazatra ary 3:1 ho an'ny lahatsoratra lehibe. Takiana amin'ny ankamaroan'ny tranonkala.

Sehatra AAA

Tahan'ny fifanoherana nohatsaraina amin'ny 7:1 ho an'ny lahatsoratra mahazatra ary 4.5:1 ho an'ny lahatsoratra lehibe. Soso-kevitra ho an'ny fidirana tsara indrindra.

Kajio ny tahan'ny fifanoheran'ny loko amin'ny lahatsoratra sy ny loko ambadika.

Misafidiana loko amin'ny alalan'ny fitady loko ho an'ny loko lahatsoratra sy fototra na ampidiro ny loko amin'ny format hexadecimal RGB (oh: #259 na #2596BE). Afaka manitsy ny slider ianao hisafidianana loko. Ny Web Content Accessibility Guidelines (WCAG) dia manome torolalana manokana hanampiana ny fampisehoana raha misy lahatsoratra azo vakiana ho an'ny mpampiasa mahita. Ity fepetra ity dia mampiasa algorithm manokana hametrahana fitambarana loko ho amin'ny tahan'ny azo oharina. Mampiasa io formula io, dia milaza ny WCAG fa 4.5:1 fahasamihafana miloko amin'ny lahatsoratra sy ny fotony dia ampy ho an'ny lahatsoratra mahazatra (vatana), ary ny lahatsoratra lehibe (18+ pt mahazatra, na 14+ pt mavesatra) dia tokony hanana fahasamihafana miloko farafahakeliny 3:1.

Toetoetra lehibe

Kajy fifanoherana amin'ny fotoana tena izy
Fanarahana ny WCAG AA & AAA
Slider HSL ho an'ny fanitsiana tsara
Fomba fijery maromaro

Fitaovana mandroso

Fanitsiana loko mandeha ho azy
Santionany amin'ny lahatsoratra sy ny fototra
Famaritana anarana loko
Fanondranana vokatra

Fanontaniana apetraka matetika

Ho an'ny fanarahana WCAG AA, ny lahatsoratra mahazatra dia mila tahan'ny fifanoherana 4.5:1 farafahakeliny, fa ny lahatsoratra lehibe (18pt na 14pt matevina) dia mila 3:1.

WCAG AAA dia mitaky tahan'ny fifanoherana avo kokoa: 7:1 ho an'ny lahatsoratra mahazatra sy 4.5:1 ho an'ny lahatsoratra lehibe, raha 4.5:1 sy 3:1 tsirairay avy kosa ny an'ny AA.

Ampiasao ny fanitsiana ho azy mba hanitsiana ny loko lahatsoratra na ny loko ambadika tsy mivadika amin'ny fikasan'ny endriko, na ampifanaraho amin'ny tanana ny loko amin'ny slider HSL sy mariky ara-maso izay mampiseho ny faritra tsara ho an'ny fanarahana AA/AAA.

Ny faritra maitso sy ny marika AA/AAA dia mampiseho ny elanelana tsara indrindra ho an'ny fanarahana WCAG. Ny torohevitra momba ny lalana (Mazava kokoa/Maizina kokoa) dia mitari-dalana anao hahazo fifanoherana tsara kokoa arakaraka ny fitambarana lokonao amin'izao fotoana izao.

Eny, azonao ampidirina ny kaody loko hex rehetra na ampiasao ny mpifidy loko hifidianana loko manokana. Havaozina ho azy ny URL mba ahafahanao mizara fitambarana loko manokana.