Accessibility test hovorí o tom, ako je stránka je prístupná pre návštevníkov s nejakým znevýhodnením.
Impreza defaultne dosahuje 100% (stačí použiť niektoré z jej farebných paliet), zníženie na 96% na tejto stránke sa mi podarilo preto, lebo som použila svoje obľúbené farby. Mne síce biely text na modrom pozadí vyhovuje, ale iným nemusí. Takže čo s tým?
Po správnosti toto malo byť riešené ako prvé, nie keď už je logo a podobné veci. Veľmi často klient donúti vývojára do farebnej kombinácie, ktorá sa síce páči jemu, ale súčasne by rád 100% skóre.
Background and foreground colors do not have a sufficient contrast ratio.
- nedostatočný kontrast farieb, po rozkliknutí vidíte presne, ktoré prvky sa googlu nepáčia. Na tejto stránke to bol biely text na bledomodrom pozadí.
Modrú farbu #0099DA používam už dlho, ale keď si zadáte do https://dequeuniversity.com/rules/axe/4.9/color-contrast ako farbu pozadia a budete skúšať farbu textu jedným či druhým textom, nikdy neprejdete cez tri áčka (test AAA je super, ale pre google speed stačia dve áčka. Pre mňa osobne to čitateľnejšie nie je, ale asi vedia čo robia, takže mením biely text na stránka na #222.
Keďže presne označil miesta, ktoré mu vadili, tak som zmenila farbu na tých. Ďalším sporným bodom bola farba textu/odkazov v päťičke – vizuál musel ustúpiť – a výsledok?
Áno, ide o malý web, nie sú tu zatiaľ žiadne externé skripty (žiaden google analytics a podobne). Žiaden slider, žiadne veľké obrázky na pozadí… ale aj tak.