WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Web Developer CSS Question

for

Number of posts in this thread: 6 (In chronological order)

From: Jim Homme
Date: Tue, Jan 16 2018 11:58AM
Subject: Web Developer CSS Question
No previous message | Next message →

Hi,
I'm learning web development, and as a totally blind screen reader user, it makes total sense to learn accessible web development as I learn, so I don't have to unlearn things. I was reading through the WCAG 2.0 Success Criteria and looking at CSS techniques. That's why I want to ask this. Should I always use em units and never use other units, or is it OK to use, for example, percentages also?

Thanks.

Jim


Jim Homme

From: Angela French
Date: Tue, Jan 16 2018 12:05PM
Subject: Re: Web Developer CSS Question
← Previous message | Next message →

Do you mean for fonts?

From: Jared
Date: Tue, Jan 16 2018 12:32PM
Subject: Re: Web Developer CSS Question
← Previous message | Next message →

Just don't use px. Everything else will work fine.

On 16 Jan 2018 18:58, "Jim Homme" < = EMAIL ADDRESS REMOVED = > wrote:

> Hi,
> I'm learning web development, and as a totally blind screen reader user,
> it makes total sense to learn accessible web development as I learn, so I
> don't have to unlearn things. I was reading through the WCAG 2.0 Success
> Criteria and looking at CSS techniques. That's why I want to ask this.
> Should I always use em units and never use other units, or is it OK to use,
> for example, percentages also?
>
> Thanks.
>
> Jim
>
>
> Jim Homme
>
> > > > >

From: Swift, Daniel P.
Date: Tue, Jan 16 2018 12:33PM
Subject: Re: Web Developer CSS Question
← Previous message | Next message →

We use em units for font-size and percentages for widths of containing elements. My understanding for ems on containers is that the width will grow as the text grows. So if you have a container and you want to maintain the text layout, then ems would be more appropriate. If screen layout is more important and you don't have a preference for when the text wraps to the next line, then using percentages for the container is more appropriate ... at least, that's my understanding.

I hope that makes sense!

Dan Swift
Senior Web Specialist
Enterprise Services
West Chester University
610.738.0589

From: JP Jamous
Date: Tue, Jan 16 2018 12:38PM
Subject: Re: Web Developer CSS Question
← Previous message | Next message →

Jim,

Generally speaking, they would both allow your UI to be liquid. This can help in resizing fonts on the screen. I would recommend using them. However, be careful how to apply them.

From: Graham Armfield
Date: Tue, Jan 16 2018 2:14PM
Subject: Re: Web Developer CSS Question
← Previous message | No next message

Ems and rems are the best path to follow for font sizes in my view. Rems
are useful as they avoid the crazy multiplications of fractions of ems on
fractions of ems.


Regards
Graham Armfield