WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Contrast ratio on slider

for

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

From: Edelényi Zsolt
Date: Tue, Apr 19 2016 2:21AM
Subject: Contrast ratio on slider
No previous message | Next message →

There is a webdesign trend like the following:
http://progressive.nikadevs.com/?theme=progressive

I wonder if it possible at all to comply with contrast ratio at all?

The background is changing as you scroll, or background is a video.

What do you think?

What if the white letters have a black border?

Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?





Regards,
Zsolt

From: Joseph Sherman
Date: Tue, Apr 19 2016 7:23AM
Subject: Re: Contrast ratio on slider
← Previous message | Next message →

You would need to make sure there is adequate contrast for each background/text combination, just like normally.


Joseph

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Edelényi Zsolt
Sent: Tuesday, April 19, 2016 4:21 AM
To: WebAIM Discussion List
Subject: [WebAIM] Contrast ratio on slider

There is a webdesign trend like the following:
http://progressive.nikadevs.com/?theme=progressive

I wonder if it possible at all to comply with contrast ratio at all?

The background is changing as you scroll, or background is a video.

What do you think?

What if the white letters have a black border?

Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?





Regards,
Zsolt

From: Greg Gamble
Date: Tue, Apr 19 2016 8:17AM
Subject: Re: Contrast ratio on slider
← Previous message | Next message →

That's a Parallax type of site ...

Are you talking about the images that are scrolling at a different rate then the rest of the page? I would thing you would handle it as a normal page.


Greg
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Edelényi Zsolt
Sent: Tuesday, April 19, 2016 1:21 AM
To: WebAIM Discussion List
Subject: [WebAIM] Contrast ratio on slider

There is a webdesign trend like the following:
http://progressive.nikadevs.com/?theme=progressive

I wonder if it possible at all to comply with contrast ratio at all?

The background is changing as you scroll, or background is a video.

What do you think?

What if the white letters have a black border?

Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?





Regards,
Zsolt

From: Edelényi Zsolt
Date: Tue, Apr 19 2016 8:42AM
Subject: Re: Contrast ratio on slider
← Previous message | Next message →

Thank you. How do you mean: handle it a normal page? I think it impossible
that every part of the background has enough contrast.

What do you think if this theme can be accessible with white letters on
changing background?


Üdvözlettel:

Edelényi Zsolt
www.akadálymentes-honlap.hu <http://www.xn--akadlymentes-honlap-tub.hu/>;
+36 20 561-71-44


2016-04-19 16:17 GMT+02:00 Greg Gamble < = EMAIL ADDRESS REMOVED = >:

> That's a Parallax type of site ...
>
> Are you talking about the images that are scrolling at a different rate
> then the rest of the page? I would thing you would handle it as a normal
> page.
>
>
> Greg
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Edelényi Zsolt
> Sent: Tuesday, April 19, 2016 1:21 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Contrast ratio on slider
>
> There is a webdesign trend like the following:
> http://progressive.nikadevs.com/?theme=progressive
>
> I wonder if it possible at all to comply with contrast ratio at all?
>
> The background is changing as you scroll, or background is a video.
>
> What do you think?
>
> What if the white letters have a black border?
>
> Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?
>
>
>
>
>
> Regards,
> Zsolt
> > > at http://webaim.org/discussion/archives
> > > > > >

From: Greg Gamble
Date: Tue, Apr 19 2016 9:26AM
Subject: Re: Contrast ratio on slider
← Previous message | Next message →

I think I understand what you mean ... I'd put the lettering in a container with a transparent background color, that would have the contrast needed. Another, but harder option, would be to have a script to vary the font color dynamically ... open source project anyone?


Greg


-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Edelényi Zsolt
Sent: Tuesday, April 19, 2016 7:43 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Contrast ratio on slider

Thank you. How do you mean: handle it a normal page? I think it impossible that every part of the background has enough contrast.

What do you think if this theme can be accessible with white letters on changing background?


Üdvözlettel:

Edelényi Zsolt
www.akadálymentes-honlap.hu <http://www.xn--akadlymentes-honlap-tub.hu/>;
+36 20 561-71-44


2016-04-19 16:17 GMT+02:00 Greg Gamble < = EMAIL ADDRESS REMOVED = >:

> That's a Parallax type of site ...
>
> Are you talking about the images that are scrolling at a different
> rate then the rest of the page? I would thing you would handle it as
> a normal page.
>
>
> Greg
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Edelényi Zsolt
> Sent: Tuesday, April 19, 2016 1:21 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Contrast ratio on slider
>
> There is a webdesign trend like the following:
> http://progressive.nikadevs.com/?theme=progressive
>
> I wonder if it possible at all to comply with contrast ratio at all?
>
> The background is changing as you scroll, or background is a video.
>
> What do you think?
>
> What if the white letters have a black border?
>
> Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?
>
>
>
>
>
> Regards,
> Zsolt
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >

From: Edelényi Zsolt
Date: Tue, Apr 19 2016 11:10AM
Subject: Re: Contrast ratio on slider
← Previous message | Next message →

Thank you.
Not open source, this theme is envato regular licence.


Üdvözlettel:

Edelényi Zsolt
www.akadálymentes-honlap.hu <http://www.xn--akadlymentes-honlap-tub.hu/>;
+36 20 561-71-44


2016-04-19 17:26 GMT+02:00 Greg Gamble < = EMAIL ADDRESS REMOVED = >:

> I think I understand what you mean ... I'd put the lettering in a
> container with a transparent background color, that would have the contrast
> needed. Another, but harder option, would be to have a script to vary the
> font color dynamically ... open source project anyone?
>
>
> Greg
>
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Edelényi Zsolt
> Sent: Tuesday, April 19, 2016 7:43 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Contrast ratio on slider
>
> Thank you. How do you mean: handle it a normal page? I think it impossible
> that every part of the background has enough contrast.
>
> What do you think if this theme can be accessible with white letters on
> changing background?
>
>
> Üdvözlettel:
>
> Edelényi Zsolt
> www.akadálymentes-honlap.hu <http://www.xn--akadlymentes-honlap-tub.hu>; <
> http://www.xn--akadlymentes-honlap-tub.hu/>;
> +36 20 561-71-44
>
>
> 2016-04-19 16:17 GMT+02:00 Greg Gamble < = EMAIL ADDRESS REMOVED = >:
>
> > That's a Parallax type of site ...
> >
> > Are you talking about the images that are scrolling at a different
> > rate then the rest of the page? I would thing you would handle it as
> > a normal page.
> >
> >
> > Greg
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> > Behalf Of Edelényi Zsolt
> > Sent: Tuesday, April 19, 2016 1:21 AM
> > To: WebAIM Discussion List
> > Subject: [WebAIM] Contrast ratio on slider
> >
> > There is a webdesign trend like the following:
> > http://progressive.nikadevs.com/?theme=progressive
> >
> > I wonder if it possible at all to comply with contrast ratio at all?
> >
> > The background is changing as you scroll, or background is a video.
> >
> > What do you think?
> >
> > What if the white letters have a black border?
> >
> > Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?
> >
> >
> >
> >
> >
> > Regards,
> > Zsolt
> > > > > > archives at http://webaim.org/discussion/archives
> > > > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > at http://webaim.org/discussion/archives
> > > > > >

From: Brian Lovely
Date: Tue, Apr 19 2016 11:49AM
Subject: Re: Contrast ratio on slider
← Previous message | Next message →

I kind of hope that the template demo is loaded up with every possibility, but in practice would be implemented with a bit more restraint. It would be a nightmare trying to avoid contrast issues on that demo. Maybe you could provide a button that will allow users to turn off the backgrounds?


Brian Lovely
= EMAIL ADDRESS REMOVED =



> On Apr 19, 2016, at 10:17 AM, Greg Gamble < = EMAIL ADDRESS REMOVED = > wrote:
>
> That's a Parallax type of site ...
>
> Are you talking about the images that are scrolling at a different rate then the rest of the page? I would thing you would handle it as a normal page.
>
>
> Greg
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Edelényi Zsolt
> Sent: Tuesday, April 19, 2016 1:21 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Contrast ratio on slider
>
> There is a webdesign trend like the following:
> http://progressive.nikadevs.com/?theme=progressive
>
> I wonder if it possible at all to comply with contrast ratio at all?
>
> The background is changing as you scroll, or background is a video.
>
> What do you think?
>
> What if the white letters have a black border?
>
> Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?
>
>
>
>
>
> Regards,
> Zsolt
> > > > > > >

From: Greg Gamble
Date: Tue, Apr 19 2016 12:51PM
Subject: Re: Contrast ratio on slider
← Previous message | No next message

I meant someone creating a project to change font color on the fly, depending on the background of the font.

A known background, like in a modal popup, would be best IMO.


Greg


-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Edelényi Zsolt
Sent: Tuesday, April 19, 2016 10:10 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Contrast ratio on slider

Thank you.
Not open source, this theme is envato regular licence.


Üdvözlettel:

Edelényi Zsolt
www.akadálymentes-honlap.hu <http://www.xn--akadlymentes-honlap-tub.hu/>;
+36 20 561-71-44


2016-04-19 17:26 GMT+02:00 Greg Gamble < = EMAIL ADDRESS REMOVED = >:

> I think I understand what you mean ... I'd put the lettering in a
> container with a transparent background color, that would have the
> contrast needed. Another, but harder option, would be to have a
> script to vary the font color dynamically ... open source project anyone?
>
>
> Greg
>
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Edelényi Zsolt
> Sent: Tuesday, April 19, 2016 7:43 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Contrast ratio on slider
>
> Thank you. How do you mean: handle it a normal page? I think it
> impossible that every part of the background has enough contrast.
>
> What do you think if this theme can be accessible with white letters
> on changing background?
>
>
> Üdvözlettel:
>
> Edelényi Zsolt
> www.akadálymentes-honlap.hu
> <http://www.xn--akadlymentes-honlap-tub.hu>; <
> http://www.xn--akadlymentes-honlap-tub.hu/>;
> +36 20 561-71-44
>
>
> 2016-04-19 16:17 GMT+02:00 Greg Gamble < = EMAIL ADDRESS REMOVED = >:
>
> > That's a Parallax type of site ...
> >
> > Are you talking about the images that are scrolling at a different
> > rate then the rest of the page? I would thing you would handle it
> > as a normal page.
> >
> >
> > Greg
> > -----Original Message-----
> > From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> > Behalf Of Edelényi Zsolt
> > Sent: Tuesday, April 19, 2016 1:21 AM
> > To: WebAIM Discussion List
> > Subject: [WebAIM] Contrast ratio on slider
> >
> > There is a webdesign trend like the following:
> > http://progressive.nikadevs.com/?theme=progressive
> >
> > I wonder if it possible at all to comply with contrast ratio at all?
> >
> > The background is changing as you scroll, or background is a video.
> >
> > What do you think?
> >
> > What if the white letters have a black border?
> >
> > Maybe you vote that this webdesing cannot be comply with WCAG 2.0 "AA"?
> >
> >
> >
> >
> >
> > Regards,
> > Zsolt
> > > > > > archives at http://webaim.org/discussion/archives
> > > > > > > > archives at http://webaim.org/discussion/archives
> > > >
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >