WordPress.org

Make WordPress Accessible

Updates from October, 2013 Toggle Comment Threads | Keyboard Shortcuts

  • Joseph Karr O'Connor 9:11 pm on October 23, 2013 Permalink
    Tags: , ,   

    IRC Meeting: October 23, 2013 

    Thanks to @grahamarmfield for the new welcome message on Make WordPress Accessible and for the new page Get Involved with the Make WordPress Accessible Team.

    We have a draft of theme check Accessibility Guidelines and need a tag to attach to themes that make it through the voluntary process to be approved as accessible themes. We decided to do some user research to determine which terms people use when searching. We will use that info to inform our choice of tags.

    In order to help do that research the team decided to start a Facebook page to hopefully reach people we are not reaching now with this blog, our @WPAccessibility account, and our LinkedIn WordPress Accessibility Group. We will also reach out to our local WordPress Meetup groups to help us do the tag research. Finally, we have asked @samuelsidler to find out if there are stats for theme search that we can use to further refine our selection of a tag or tags.

    We will also review content inventory on this blog and pages and give some love to our Accessibility Codex page.

     
  • Graham Armfield 10:22 am on October 22, 2013 Permalink
    Tags: ,   

    Welcome to the Make WordPress Accessible Team 

    Hello. You’ve found the blog of the Make WordPress Accessible team – a bunch of volunteers who are striving to improve the accessibility of WordPress. We need your help.

    (More …)

     
  • Joseph Karr O'Connor 5:12 am on October 15, 2013 Permalink
    Tags: , ,   

    IRC Meeting: October 9, 2013 

    We discussed accessibility progress made by @grahamarmfield, @rianrietveld, Bram Duvigneau and others at WordCamp Europe. Rian wrote something about it: http://blog.rrwd.nl/2013/10/09/wordcamp-europe-2013-lessons-learned/

    @joedolson and @sabreuse continue to help with the Twenty Fourteen theme.

    We discussed communications channels: Twitter account @WPAccessibility, Make WordPress Accessible for public discussions of the group, an email list for prep work, the WordPress Accessible LinkedIn group for public discussions for everyone, and IRC discussions for working meetings. Also discussed was the possibility of creating a Facebook page which the group decided against doing.

    @rianrietveld and @atimmer discussed setting up a testing environment and will continue that discussion offline.

     
    • scarlett007 2:42 pm on October 27, 2013 Permalink | Log in to Reply

      hello, would appreciate if you could help me with this, last night I was uploading themes from wordpress
      and I got this message
      home/content/16/9034616/html/wp-content/themes/vantage/extras/settings/settings.php on line 65

      How can I access to remove that theme and get back to normal, why is wordpress sometimes so complicated

      • scarlett007 2:43 pm on October 27, 2013 Permalink | Log in to Reply

        Sorry this was the actual message

        Fatal error: Call to undefined function wp_is_mobile() in /home/content/16/9034616/html/wp-content/themes/vantage/functions.php on line 217

      • Ipstenu (Mika Epstein) 3:07 pm on October 27, 2013 Permalink | Log in to Reply

        Please post this in the WordPress support forums – this is not the proper venue for getting help.

  • Joseph Karr O'Connor 4:39 am on October 8, 2013 Permalink
    Tags: , ,   

    IRC Meeting: October 2, 2013 

    The team discussed active tickets including https://core.trac.wordpress.org/ticket/25054 3.8, sabreuse->(no owner), new, Twenty Fourteen Accessibility fixes.

    A list of accessibility tickets: http://bit.ly/1glL1bH

    A team member has set up an accessibility test server pulling the updates for team use.

     
  • Rian Rietveld 5:57 pm on October 1, 2013 Permalink
    Tags: , MP6   

    Hi, I’m not sure of this has been discussed before, but I saw the vote on the new MP6 theme. http://polldaddy.com/poll/7437854/. Has a colour scheme with sufficient contrast been suggested already? Maybe not for the default theme, but as a choice? In all of this themes the grey in the input fields is very light, did someone do some calculations on this?

     
    • Graham Armfield 6:46 pm on October 1, 2013 Permalink | Log in to Reply

      A very good point Rian.

    • _Redd 6:47 pm on October 1, 2013 Permalink | Log in to Reply

      Hi, Rian, I LOVE the new MP6 theme, but I was really glad to see an eye out for checking color contrast.

      I was unable to find exact colors used in the options by using “View Code”

      In an attempt to roughly gauge success criteria for W3C color contrast standards, I used Snag-It to capture an image, and then used Photoshop eyedropper to at least grab an approximation of the color.

      I then used Juicy Studio’s Color Contrast Analyzer to get a sense of color contrast among the options.

      Blue: Photoshop color picker for the background: #52accc Using White Foreground #fff (for the text)
      Results: Results for Luminosity Contrast Ratio

      The contrast ratio is: 2.58:1

      Fail: The luminosity contrast ratio is insufficient for the chosen colours (#52accc and #fff) (Needs large text to pass)

      Seaweed #15757a from color picker, #fff for text:

      Results for Luminosity Contrast Ratio

      The contrast ratio is: 5.44:1

      Passed at Level AA for regular text, and pass at Level AAA for large text: If the text is large text (at least 18 point or 14 point bold), the luminosity contrast ratio is sufficient for the chosen colours at Level AAA; otherwise, Level AA (#15757a and #fff).

    • _Redd 6:54 pm on October 1, 2013 Permalink | Log in to Reply

      Color comparisons continue to above:

      Pixel #59524c from color picker, #fff for text:

      Results: Results for Luminosity Contrast Ratio

      The contrast ratio is: 7.68:1

      Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#59524c and #fff).

      Ectoplasm #523f6d #fff for text

      Results:

      Results for Luminosity Contrast Ratio

      The contrast ratio is: 9.17:1

      Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#523f6d and #fff).

      …..more comparisons to follow

    • _Redd 7:00 pm on October 1, 2013 Permalink | Log in to Reply

      Comparisons continue to above:

      Sunrise #cf4944 as background #fff for text

      Results for Luminosity Contrast Ratio

      The contrast ratio is: 4.48:1

      Passed at Level AA for large text only: If the text is large text (at least 18 point or 14 point bold), the luminosity contrast ratio is sufficient for the chosen colours (#cf4944 and #fff).

      Vineyard #462b36 as background #fff for text

      Results: Results for Luminosity Contrast Ratio

      The contrast ratio is: 12.66:1

      Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#462b36 and #fff).

      …more coming

    • _Redd 7:03 pm on October 1, 2013 Permalink | Log in to Reply

      Color contrast evaluation continues:

      Primary #35395c as background, #fff as foreground (text)

      Results for Luminosity Contrast Ratio

      The contrast ratio is: 11.10:1

      Passed at Level AAA: The luminosity contrast ratio is very good for the chosen colours (#35395c and #fff).

      …summary to follow

    • _Redd 7:09 pm on October 1, 2013 Permalink | Log in to Reply

      Hi, Rian, I’m not sure my first entry got saved. To repeat from earlier first reply, I really LOVE the new MP6 theme, but also very happy to have some one ask for a check on color contrast.

      Below is repeating what I said in an earlier reply, so accept my apologies if the earlier reply shows up again.

      In an attempt to roughly gauge success criteria for W3C color contrast standards, I used Snag-It to capture an image, and then used Photoshop eyedropper to at least grab an approximation of the color, as I was unable to actually see CSS code for the exact colors.

      I then used Juicy Studio’s Color Contrast Analyzer to get a sense of color contrast among the options.

      Blue: Photoshop color picker for the background: #52accc Using White Foreground #fff (for the text)
      Results: Results for Luminosity Contrast Ratio

      The contrast ratio is: 2.58:1

      Fail: The luminosity contrast ratio is insufficient for the chosen colours (#52accc and #fff) (Needs large text to pass)

      Seaweed #15757a from color picker, #fff for text:

      Results for Luminosity Contrast Ratio

      The contrast ratio is: 5.44:1

      Passed at Level AA for regular text, and pass at Level AAA for large text: If the text is large text (at least 18 point or 14 point bold), the luminosity contrast ratio is sufficient for the chosen colours at Level AAA; otherwise, Level AA (#15757a and #fff).

      In short summary, the blue, although extremely attractive, does not provide sufficient color contrast to meet W3C guidelines for contrast. The seaweed and sunrise colors will pass if the text is large, and the rest are fine.

      Thank you so much for asking.

    • esmi 7:13 pm on October 1, 2013 Permalink | Log in to Reply

      I think the point to keep in mind here is that these would be user-selectable schemes (as I understand it), So as long as the default scheme passes minimum WCAG contrast levels, it really doesn’t matter what contrasts are present in the alternative schemes. Also, remember some dyslexics would welcome a very low contrast scheme.

      I’ve actually suggested that the color schemes shipped with the plugin (and later in core) include at least one high-contrast scheme for visually-impaired user and one very low contrast scheme for some dyslexics. This ability to provide schemes for different user groups is something that Helen & I have talked about (albeit rather wistfully) in the past. 🙂

    • Joe Dolson 7:13 pm on October 1, 2013 Permalink | Log in to Reply

      I think it’s important to note that these are not all of the themes; the primary MP6 theme, which David Kennedy has been reviewing, will definitely be included when MP6 is shipped; these other options are candidates as additional color schemes that will be available.

      Esmi has already suggested adding a high-contrast and a low-contrast color scheme to accommodate for low vision or dyslexic needs; voices might be helpful there: https://make.wordpress.org/ui/2013/10/01/mp6-color-schemes/

    • Rian Rietveld 7:23 pm on October 1, 2013 Permalink | Log in to Reply

      Thanks all for the quick response. It would be perfect if MP6 will be included with a few accessible colour schemes. @esmi, thanks for all your effort!

c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
l
go to login
h
show/hide help
shift + esc
cancel
Skip to toolbar