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;
}
}
