WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Responsive web design and it's accessibility

for

From: John Foliot
Date: May 22, 2018 7:36PM

> I wish a height media query did a quick check on whether my viewport
*height* (in em) is tall enough. When it isn't, un-stick the stickies.

Do you happen to have an example of "good" code Mallory? ;-) A rough
frame would be enough.

JF

On Tue, May 22, 2018 at 6:40 AM, Mallory < <EMAIL REMOVED> > wrote:

> Re this:
> "User zoom: if user zoom is set to no then user cannot zoom the content
> and therefore, always set user zoom to yes to enable the zoom feature"
> If the author leaves out zoom entirely, it should default to allowing zoom
> as well. Authors don't have to worry about remembering to set it to "yes"
> to allow zooming.
>
> One thing I don't see in many places talking about responsive web design
> is not just using width media queries, but height ones as well. This mostly
> because on my laptop I am zoomed in enough to usually get the "mobile" view
> of a page. But when I don't, I often get the "sticky" things (sticky
> headers and footers) meant for the desktop view. But my screen when zoomed
> isn't large enough. I wish a height media query did a quick check on
> whether my viewport *height* (in em) is tall enough. When it isn't,
> un-stick the stickies. Otherwise I end up with pages looking unusable.
> http://www.stommepoes.nl/Access/NCDT/img/zoomed_screenshot.png
>
> cheers,
> Mallory
>
> On Tue, May 22, 2018, at 12:57 PM, suman damera wrote:
> > Hello all,
> > I written blog post on the responsive web design(RWD) and it's
> > accessibility and sharing the blog posts links here by thinking it would
> > help some one
> > part1:
> > http://www.sumandamera.com/responsive-web-designrwd-and-
> its-accessibility-part1/
> > part2:
> > http://www.sumandamera.com/responsive-web-designrwd-and-
> its-accessibility-part2/
> >
> > Thank you.
> > > > > > > > > > > > >



--
John Foliot
Principal Accessibility Strategist
Deque Systems Inc.
<EMAIL REMOVED>

Advancing the mission of digital accessibility and inclusion