/
PhET Notes
PhET Notes
Mar 11, 2016 - JAWS and NVDA testing
Primary Issues:
- Descriptions are not properly read back with JAWS if description container is set to "polite". Test effects of setting the container to "assertive".
- IE 11 is not working (no way to submit values in number field). Will need to do some validation too.
Changes:
- Put
phet-description
span within a container and set this outer container torole="status" aria-live="polite"
- Added
aria-controls="phet-description"
to input controls. - Added
role="slider"
to input - Added old and new description string comparison and only set description when values have changed (fixes an FF issue with NVDA with descriptions always being read out)
test results:
Screen Reader | OS + Browser | Description Updates | Alert Update | Slider Value | Progress Bar | Result |
---|---|---|---|---|---|---|
Voice Over | Firefox | ![]() | ![]() | ![]() | ![]() |
|
Safari | ![]() | ![]() | ![]() | ![]() |
| |
Chrome | ![]() | ![]() | ![]() | ![]() |
| |
NVDA 2015.4 | Firefox Win10 | ![]() | ![]() | ![]() | ![]() |
|
IE 11 Win 10 | ![]() | ![]() | ![]() | ![]() |
| |
Edge Win10 | ![]() | ![]() | ![]() | ![]() |
| |
Chrome Win10 | ![]() | ![]() | ![]() | ![]() |
| |
JAWS 17 | Firefox Win10 | ![]() | ![]() | ![]() | ![]() |
|
IE 11 Win 10 | ![]() | ![]() | ![]() | ![]() |
| |
Edge Win10 | ![]() | ![]() | ![]() | ![]() | ||
Chrome Win10 | ![]() | ![]() | ![]() | ![]() |
|
Findings:
- Adding role="slider" to the input helps Voiceover + FF, and FF + NVDA
- Without aria-live="polite" on the description container Chrome + NVDA will not read back changes
- Role="status" on the description is needed, otherwise Chrome treats changes to the text as atomic.
Mar 2, 2016 - ARIA Live Region testing
Test: Aria-live regions
Source: http://terrillthompson.com/tests/aria/live-scores.html
Results:
OS | Screen Reader + Browser | Test 1 aria-atomic="false" | Test 2 | Test 3 role="presentation" |
---|---|---|---|---|
MacOS | VoiceOver + Safari | ![]() | ![]() | ![]() |
VoiceOver + Firefox | ![]() | ![]() | ![]() | |
VoiceOver + Chrome | ![]() | ![]() | ![]() | |
Win10 | NVDA 2016 + FF | ![]() | ![]() | ![]() |
NVDA 2016+ IE11 | ||||
NVDA 2016 + Edge | ![]() | ![]() | ![]() | |
NVDA 2016 + Chrome | ![]() | ![]() | ![]() | |
JAWS + FF | ![]() | ![]() | ![]() | |
JAWS + IE11 | ||||
JAWS + Edge | ![]() | ![]() | ![]() | |
JAWS + Chrome | ![]() | ![]() |
Test: Aria-live regions with polite and assertive messages
Source: http://terrillthompson.com/tests/liveregions.html
OS | Screen Reader + Browser | Polite | Assertive |
---|---|---|---|
MacOS | VoiceOver + Safari | ![]() | ![]() |
VoiceOver + Firefox | ![]() | ![]() | |
VoiceOver +Chrome | ![]() | ![]() | |
NVDA 2016 + FF | ![]() | ![]() | |
NVDA 2016 + IE11 | |||
NVDA 2016 + Edge | ![]() | ![]() | |
NVDA 2016 + Chrome | ![]() | ![]() | |
JAWS 17.0124 + FF | ![]() | ![]() | |
JAWS 17.0124 + IE11 | |||
JAWS 17.0124 + Edge | ![]() | ![]() | |
JAWS 17.0124 + Chrome | ![]() | ![]() |
February 11, 2016 - Meeting
Attendees: Jon, Justin, Vince
General Usability & Descriptions
- Using FF, Win 10, Jaws 16 then 17.
- Was able to use the sim well
- The description was important, key for understanding the numbers
- understood the mechanics of the electrons
- rubbing foot to accumulate electrons
- positioning hand
- electron discharge
- liked that there wasn’t much on the page
- a bit unclear which foot is moving
- foot is introduced as "foot off the rug" and the foot range slider is called "foot position" -> could be confusing to user, not sure which foot is moving.
- could say right foot is on the floor, and label the moving foot as left
- It wasn't clear what the numbers meant on the sliders but figured it out as he experimented with the slider and examining the description.
- Went back and forth between the description and the hand/foot to learn what was happening
- Eventually he figured out what was happening
Sonification
Suggestions for possible sonification
- foot rubbing on the floor, discharge
- not sure what sound would be used for the hand, maybe something in stereo to indicate position relative to the door knob
- all sonification should be meaningful and not take over the space
- e.g. rubbing foot vs carnival background music
- would providing a separate volume slider for sound effects be useful?
- important to hear the screen reader
- Use audio icons - more efficient and effective than listening to JAWS read out everything
- Notify as electrons are added
- he just went up and checked the value of the electrons.
- Felt that people using JAWS would do this
Fun
- Did you enjoy it? Was it fun?
- It wasn’t frustrating
- It was interesting more than fun
- it was able to explain the learning goals well
- More interactive sounds would make it more interesting
, multiple selections available,
Related content
User Interface Options QA Test Plan - Full With Preview
User Interface Options QA Test Plan - Full With Preview
More like this
User Interface Options QA Test Plan - Full No Preview
User Interface Options QA Test Plan - Full No Preview
More like this
User Interface Options QA Test Plan - Separated Panel
User Interface Options QA Test Plan - Separated Panel
More like this
Preferences Framework QA Test Plan
Preferences Framework QA Test Plan
More like this
PhET Tasking
PhET Tasking
More like this
Orator QA Test Plan
Orator QA Test Plan
More like this