Accessibility Text On Mobile

One of the most crucial accessibility requirements for mobile devices is that body (paragraph) text must have a minimum font size of 16 pixels and a minimum line height of 1.5 rem. I've seen a lot of websites with one, two, or three paragraph fonts that are too small on mobile devices; this code is an easy way to stop that:

/* mobile body font min */
@media only screen and (max-width: 767px){
 .sqsrte-large, p, .sqsrte-small{
font-size: 16px!important; 
line-height: 1.5rem!important;
 }
}

CC9 Design

Just a professional Midwest girl trying to break away from the corporate world and the freedom to live my dream life, with passion & my best design foot forward. Love helping creatives display their talents online. Squarespace design has become an obsession and I am continually learning new skills, so I can keep on “WOWing” my clients!

https://cc9design.com
Previous
Previous

Add Accent Font to Headlines in Squarespace