I fiddled a bit with Marla's excellent work
Added 3px borders for 3:1, 2.5:1, and 2:1, some buttons have these ratios
with button text and button background, other buttons have border contrast
with page background
also added 4.5:1 contrast with 1px borders.
https://jsfiddle.net/a11y_guy/p9db2f6w/33/
Thoughts
now to see if we can turn it into something that can collect some data.
On Mon, Apr 10, 2017 at 11:43 AM, Wayne Dick <wayneedick@gmail.com> wrote:
> This is very nice.
>
>
> On Sunday, April 9, 2017, Marla Runyan <marlarunyan1@gmail.com> wrote:
> > LVTF,
> > Here is a sandbox of various form elements with different border or fill
> contrast ratios ranging from 3:1 to 2:1.
> > Note that these are intended to test either the border against the page
> background, or the fill against the page background. The text inside
> buttons should still meet SC 1.4.3.
> > We may want to consider a different ratio requirement between the
> element background /page background ratio — from the element border/page
> background ratio.
> > https://jsfiddle.net/p9db2f6w/3/
> > Thank you,
> > Marla
>
--
Jim Allan, Accessibility Coordinator
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756
voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
"We shape our tools and thereafter our tools shape us." McLuhan, 1964