WordPress.org

Make WordPress Accessible

Updates from May, 2016 Toggle Comment Threads | Keyboard Shortcuts

  • Konstantin Obenland 5:37 pm on May 16, 2016 Permalink
    Tags: feature-plugin, , shiny-updates   

    Shiny Updates Review 

    Hello Accessibility Group!

    @joedolson was so kind to look over Shiny Updates a few months ago, but since then a lot of improvements have made it into the plugin and we feel it could benefit from another Accessibility review. We’d like to have Shiny Updates in the best shape it can be before it gets merged and would appreciate it if you could look through the latest version of the plugin and see if there is anything that can be improved there.

    If you do encounter issues, it would be great if you could file those on GitHub for us to fix them.

    Our next chat will be on Tuesday, May 17 at 19:00 UTC in #feature-shinyupdates, in case you have questions or want to discuss any aspect of Shiny Updates. We’re also around to answer questions outside of that of course, please feel free to let us know.

    Thank you!

     
  • Rian Rietveld 3:53 pm on May 13, 2016 Permalink
    Tags:   

    20th WordPress Accessibility test: Add media with Speech Recognition Software 

    This test is for users of Speech Recognition Software, like Dragon Naturally Speaking.
    We would like to know how well adding images works in WordPress, what the issues are, what works and what not. So then we know what to fix.

    If you know how to use such software like Dragon Naturally Speaking could you please do the next 3 test for us.
    Please report what problems you encountered, what was hard or impossible to do and also what was easy.

    Please login to your WordPress website and try the following 3 tests.

    Test 1:

    • Go to All Posts
    • Edit a post
    • Put the cursor somewhere in the content where you want to add an image
    • Click the button “Add Media”
    • Select an image from the Media Library
    • On the right there are attachment details showing now
    • Change the title
    • Change the caption
    • Change the alt text
    • Change the description
    • Change the alignment
    • Change the link to option
    • Change the size
    • And click the blue button “Insert into post”

    Note: Are you seeing scrollbars for the grit with images and/or the attachment detail? Can you scroll down?

    Test 2:

    • Go to All Posts
    • Edit a post
    • Put the cursor somewhere in the content where you want to add an image
    • Click the button “Add Media”
    • Select Upload files
    • Try to upload an image from your computer
    • And click the blue button “Insert into post”

    Test 3:

    • Go to All Posts
    • Edit a post (doesn’t matter which one)
    • Put the cursor somewhere in the content where you want to add a gallery
    • Click the button “Add Media”
    • Select from the option left “Create Gallery”
    • Select now 4 images
    • Click the blue button “Create Gallery”
    • Try to reorder the images by drag and drop
    • Change the caption on one image
    • Change the Gallery Settings
    • And click the blue button “Insert gallery”

    Please add to your findings which assistive technology and which version of it you used for this test and also which browser and operating system.
    If you want to read more about the discussions on this, read the related ticket: #23562

    Report your findings as a comment with this post, you can also refer here to a link to a document with your test results.

    If you need help to set up this test, please email to wpa11ytest@gmail.com

    All results of the tests will be posted in this blog later.

     
    • prjsoft 10:09 pm on May 14, 2016 Permalink | Log in to Reply

      I use https://speechpad.pw speech recognition with OS integration options. Can I participate in this test?

    • Rian Rietveld 9:45 am on May 15, 2016 Permalink | Log in to Reply

      Hi @prjsoft, yes please!

    • ewaccess 12:47 am on May 17, 2016 Permalink | Log in to Reply

      Test 1:
      -Would have expected the images in Add Media to respond to “Click Image” command. Ultimately selected with the mousegrid. Enjoyed that the images were a reasonably large click target.
      -Once I clicked the image and saw the visual iconography of a checkbox, I was delighted to find that the images responded to Dragon’s “click checkbox” command. Yay, role= “checkbox”! This allowed for efficient selection of images.
      -Saying “Click Title” to set focus in the Title edit box (to change the title of the image) instead set focus to the image of the glasses atop of the book. This was completely unexpected behavior.
      -It turns out that a Dragon user is unable to set focus to any edit box by calling its name. However, I can choose an individual field by saying “Click Edit” followed by a number. This is annoying. I would expect to set focus in a form field by saying “click

      Test 2:
      -I was surprised that “Select files” didn’t activate upon calling its name. Rather, I said “click Select Files.” Dragon set focus to the control. Then I had to call “press Enter Key” to activate it. Not a major annoyance, just unexpected.

      Test 3:
      -I do not understand how to select multiple images with the keyboard.
      -I would not have been able to do this had I not guessed that the images were checkboxes. I was able to select multiple images by saying “click checkbox.”

    • ewaccess 12:52 am on May 17, 2016 Permalink | Log in to Reply

      Sorry, my intro got cut off. This test was conducted using Dragon NaturallySpeaking Professional 13 and Google Chrome (latest) on Windows 8.1 Pro.

    • Graham Armfield 6:39 pm on May 19, 2016 Permalink | Log in to Reply

      I have tried the tests with Dragon 14 Professional on a Windows 7 machine via Internet Explorer 11.

      Test 1

      1) Getting the media panel up is easy.
      2) Can’t select images directly with any obvious commands, but yes, if you say “Click Checkbox” then you can choose images that way. That’s useful. Mouse Grid command or Move Mouse Up” etc commands work fine too but cumbersome.
      3) As ewaccess discovered saying “Click Title” does not select the Title text box. Instead it selects one of the images. It actually turns out that Dragon is reading the filenames of the images. I verified this by saying “Click Wallpaper” and the two images that have wallpaper in their filenames get the Dragon choice flags.
      4) The reason for the text fields and dropdowns not being directly accessible is that the labels are not explicitly tied to the corresponding input fields – D’oh. However, once you’re on one of the input fields (via Mouse grid) you can say “Press tab” to move through the fields. It’s possible to update all the fields without problem.
      5) The scrolling of the panels can’t be done directly using the “Page down” or “Move down” commands unless focus is out of the input fields. I’ve experienced that in other pages with Dragon. Dragging the scrollbar is possible but such a drag (ka tish!)
      6) Clicking of buttons is fine.

      Test 2

      No issues other than notes in Test 1

      Test 3

      1) Selected four images using mouse grid and mouse click. Mouse move also possible.
      2) After Create Gallery button pressed, image order can be changed using Mouse grid followed by mouse drag left/right. Works OK.
      3) Can’t access the caption fields directly with Click caption of anything like that. Digging reveals that there is no label for these fields – just a placeholder – D’oh. Dragon does not recognise placeholders. However, you can choose easily by saying “Click type text” or “Click text” and then choosing one of the highlighted options.
      4) Ditto as above for input fields to right – no labels.
      5) Clicking buttons fine.

      Summary
      A lot of mouse manipulation is required here if users don’t guess the possible Dragon shortcuts. This could make the process hard work.

      In my view the one thing that should be done is to explicitly connect the labels to inputs in Attachment or Gallery details. That would save a lot of grief for Dragon users. And how to screen reader users get on with that??

      Some way of labelling the caption edits in the Create Gallery flow would be good too. A placeholder on its own is not enough.

      Happy to get into more debate if required.

    • John 2:44 am on May 23, 2016 Permalink | Log in to Reply

      Dragon 13, Windows 8.1, Chrome

      Test 1:
      Go to All Posts – OK
      Edit a post – OK
      Put the cursor somewhere in the content where you want to add an image – OK
      Click the button “Add Media” – unable to use “Click Add Media”
      Select an image from the Media Library – used MouseGrid
      On the right there are attachment details showing now – yes
      Change the title – OK
      Change the caption – OK
      Change the alt text – OK
      Change the description – OK
      Change the alignment – Would not work for me
      Change the link to option – OK
      Change the size – Would not navigate for me.
      And click the blue button “Insert into post” – OK
      Note: Are you seeing scrollbars for the grit with images and/or the attachment detail? Can you scroll down?- Did not have enough data for scrollbar.

      Test 2:

      Go to All Posts
      Edit a post
      Put the cursor somewhere in the content where you want to add an image
      Click the button “Add Media”
      Select Upload files
      Try to upload an image from your computer
      And click the blue button “Insert into post”

      ** Select files would not click using commands.

      Test 3:
      Go to All Posts – OK
      Edit a post (doesn’t matter which one) – OK
      Put the cursor somewhere in the content where you want to add a gallery – OK
      Click the button “Add Media” – OK
      Select from the option left “Create Gallery” – OK
      Select now 4 images – OK
      Click the blue button “Create Gallery”- OK
      Try to reorder the images by drag and drop – Unable to complete this.
      Change the caption on one image – OK
      Change the Gallery Settings – OK
      And click the blue button “Insert gallery” – OK

      A lot of new commands and manipulation that took time.

      John

    • tchaecker 11:18 am on May 23, 2016 Permalink | Log in to Reply

      Windows Voice Recognition, Windows 7, Internet explorer

      This was the first time I used Windows Voice Recognition.

      Some of the tasks are only doable by using the mousegrid function that uses numbers to determine the area to click on. I use “MG” as short for “only doable using the mousegrid”.

      One thing was a bit odd – when selecting images the number links wouldn’t show up for individual images until one was selected, but once one was selected it worked flawlessly.

      I couldn’t figure out how to use dropdowns with Windows Voice Recognition without using the mousegrid. Google couldn’t help but maybe I missed something.

      Test 1:
      Go to All Posts – OK
      Edit a post – OK
      Put the cursor somewhere in the content where you want to add an image – MG
      Click the button “Add Media” – unable to use “Click Add Media” – OK
      Select an image from the Media Library – MG (once I chose an image the numbers would show to select another image but not at first)
      On the right there are attachment details showing now – yes
      Change the title – OK
      Change the caption – OK
      Change the alt text – OK
      Change the description – OK
      Change the alignment – MG
      Change the link to option – MG
      Change the size – MG
      And click the blue button “Insert into post” – OK
      Note: Are you seeing scrollbars for the grit with images and/or the attachment detail? Can you scroll down?- yes

      Test 2:
      Go to All Posts – OK
      Edit a post – OK
      Put the cursor somewhere in the content where you want to add an image – MG
      Click the button “Add Media” – OK
      Select Upload files – OK
      Try to upload an image from your computer – OK
      And click the blue button “Insert into post” – OK

      Test 3:
      Go to All Posts – OK
      Edit a post (doesn’t matter which one) – OK
      Put the cursor somewhere in the content where you want to add a gallery – MG
      Click the button “Add Media” – OK
      Select from the option left “Create Gallery” – OK
      Select now 4 images – MG
      Click the blue button “Create Gallery”- OK
      Try to reorder the images by drag and drop – MG
      Change the caption on one image – OK
      Change the Gallery Settings – MG
      And click the blue button “Insert gallery” – OK

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