notarypublic
New Member
I'm currently designing a professional website for a research area of a local university. As such it needs to be accessible and screen-reader friendly.
To that end, I'm trying to keep the design as 'liquid' as possible - using relatives, including ems for text size instead of px. I know text scalability is important, but how do you compensate for this when you have a site banner as an image, and a liquid (scalable) layout?
I've considered using an absolute width for the content area and just letting scaled text fend for itself inside of that box, but this method could potentially kill any design aesthetics. How would you go about solving this dilemma?
To that end, I'm trying to keep the design as 'liquid' as possible - using relatives, including ems for text size instead of px. I know text scalability is important, but how do you compensate for this when you have a site banner as an image, and a liquid (scalable) layout?
I've considered using an absolute width for the content area and just letting scaled text fend for itself inside of that box, but this method could potentially kill any design aesthetics. How would you go about solving this dilemma?