La mayoría de la gente que maqueta no lo tiene en cuenta, pero es bastante importante tener en cuenta que el tamaño del texto de nuestros sitios web pueden crecer a voluntad del usuario. Y hay usuarios que tienen problemas de visión y pueden aumentar el texto del navegador al máximo.
Es importante maquetar la página para que también los usuarios que amplían al máximo el texto puedan leer toda la información sin problemas.
Hacer esto puede ser un poco lío porque hay que tener en cuenta algunos factores que se suman a otros tantos que ya llevábamos como los estándares y la compatibilidad entre navegadores, que no es poco.

• Lo primero es usar para el tamaño de texto siempre las unidades em. Definimos para el body un tamaño de texto estándar y si algún texto tiene un tamaño distinto lo haría en proporción al estándar. Así siembre va a guardar las proporciones exactas entre tamaños de textos distintos a la hora de que el texto amplíe.
• Es muy importante no usar nunca para los contenedores la propiedad height para fijar la altura de estos porque si tienen un alto fijo cuando crezca el texto va a bloquear y la maquetación debe de ser flexible para cuando crezca el texto.
• Un fallo común que ocurre cuando se amplia un texto es que cuando amplia este texto se superpone en zonas que tienen el mismo color del texto, y claro, ya no se puede leer ese texto superpuesto. La solución a esto es ponerle a los textos que tengan este problema un color de fondo igual al color del contenedor de este, para que cuando se superponga el color de fondo del texto también se superponga y se pueda seguir leyendo.

Básicamente siguiendo estos consejos el texto será legible para cuando el usuario lo amplíe al máximo y así estaremos mas cerca de la accesibilidad y usabilidad total.