Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    Join Date
    Feb 2006
    Location
    Tampa Bay, Florida
    Posts
    9,932
    Plugin Contributions
    123

    Default Admin accessibility

    I was told by a customer who has red-green deficiency that the enabled/disabled icons in the admin don't have sufficient contrast. I'll post a set of new images soon.
    That Software Guy. My Store: Zen Cart Support
    Available for hire - See my ad in Services
    Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
    Do you benefit from Zen Cart? Then please support the project.

  2. #2
    Join Date
    Feb 2006
    Location
    Tampa Bay, Florida
    Posts
    9,932
    Plugin Contributions
    123

    Default Re: Admin accessibility

    Hmm... thought there were images but they're just color codes in the stylesheet.
    That Software Guy. My Store: Zen Cart Support
    Available for hire - See my ad in Services
    Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
    Do you benefit from Zen Cart? Then please support the project.

  3. #3
    Join Date
    Feb 2011
    Location
    Lumberton, TX
    Posts
    596
    Plugin Contributions
    0

    Default Re: Admin accessibility

    Quote Originally Posted by swguy View Post
    Hmm... thought there were images but they're just color codes in the stylesheet.
    As someone with a red-green issue, I share the concerns. I would love to see that be a graphic. I have to hover over the item to see if its disabled or not.

  4. #4
    Join Date
    Nov 2005
    Location
    los angeles
    Posts
    2,719
    Plugin Contributions
    11

    Default Re: Admin accessibility

    i wonder if these colors might be better:

    Code:
    .txt-status-off{
      color: #e31c3d;
    }
    .txt-status-on{
      color:   #32cd32;
    }
    author of square Webpay.
    mxWorks now has Apple Pay and Google Pay. donations: venmo or paypal accepted.
    premium consistent excellent support. available for hire.

  5. #5
    Join Date
    Feb 2006
    Location
    Tampa Bay, Florida
    Posts
    9,932
    Plugin Contributions
    123

    Default Re: Admin accessibility

    I'll post the changes once we have agreement.
    That Software Guy. My Store: Zen Cart Support
    Available for hire - See my ad in Services
    Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
    Do you benefit from Zen Cart? Then please support the project.

  6. #6
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,758
    Plugin Contributions
    89

    Default Re: Admin accessibility

    I'll suggest using an FA-icon (like fa-ban for disabled and fa-check for enabled) underneath that coloring to give a better 'hint' as to the button's functionality/display.,

  7. #7
    Join Date
    Dec 2007
    Location
    Payson, AZ
    Posts
    1,076
    Plugin Contributions
    15

    Default Re: Admin accessibility

    Quote Originally Posted by swguy View Post
    I'll post the changes once we have agreement.
    I agrees for FA need with @Lat9

    508 color is different with color and character. we did the same for maps.. character, color or SVG... both SVG and FA responsive.

    like:
    Code:
    <i class="fa fa-user-circle-o fa-lg" style="color:rgba(17,59,217,1);"></i>
    Dave
    Always forward thinking... Lost my mind!

  8. #8
    Join Date
    Nov 2005
    Location
    los angeles
    Posts
    2,719
    Plugin Contributions
    11

    Default Re: Admin accessibility

    Quote Originally Posted by davewest View Post
    I agrees for FA need with @Lat9

    508 color is different with color and character. we did the same for maps.. character, color or SVG... both SVG and FA responsive.

    like:
    Code:
    <i class="fa fa-user-circle-o fa-lg" style="color:rgba(17,59,217,1);"></i>
    please lets move away from inline styling.
    author of square Webpay.
    mxWorks now has Apple Pay and Google Pay. donations: venmo or paypal accepted.
    premium consistent excellent support. available for hire.

  9. #9
    Join Date
    Feb 2006
    Location
    Tampa Bay, Florida
    Posts
    9,932
    Plugin Contributions
    123

    Default Re: Admin accessibility

    Quote Originally Posted by lat9 View Post
    I'll suggest using an FA-icon (like fa-ban for disabled and fa-check for enabled)
    Very interesting idea and truly frees you from even needing to worry about coloring.
    That Software Guy. My Store: Zen Cart Support
    Available for hire - See my ad in Services
    Plugin Moderator, Documentation Curator, Chief Cook and Bottle-Washer.
    Do you benefit from Zen Cart? Then please support the project.

  10. #10
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,265
    Plugin Contributions
    11

    Default Re: Admin accessibility

    Quote Originally Posted by swguy View Post
    Very interesting idea and truly frees you from even needing to worry about coloring.
    Great thoughts from Cindy.
    Just want to say that, with the current emphasis on accessibility, the option to colorize should always be available. Doesn't need to be it's own div ID but, some distinctive method of colorization should be available to the user through CSS.

    Also, accessibility has different standards for text and, say, a check mark.
    .txt-status-off{color: #e31c3d;}
    .txt-status-on{ color: #32cd32; }
    The first (#E31C3D) passes all but AAA standard for normal text. #EC697F is all that is needed for a graphical object. #AC152F meets all AAA requirements for graphics and text on a #FFFFFF background.

    Unfortunately, #32CD32 fails all checks. #29A829 is the minimum for a graphic and #196719 would be needed on a #FFFFFF background to meet AAA standard.

    Good tool at https://webaim.org/resources/contrastchecker/ for checking text or graphic compliance.

    If you are working with text that's a link, https://webaim.org/resources/linkcontrastchecker/ is a great help.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v157 Accessibility Statement - where and how to place?
    By pazdar in forum Upgrading to 1.5.x
    Replies: 3
    Last Post: 6 Oct 2020, 11:39 PM
  2. Accessibility issues
    By pazdar in forum Upgrading to 1.5.x
    Replies: 2
    Last Post: 17 Sep 2020, 07:50 PM
  3. Replies: 4
    Last Post: 15 Sep 2020, 06:08 PM
  4. v154 Accessibility - Are there plugins for increasing font-size and contrast?
    By gunni in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 10 Oct 2016, 03:41 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR