Details

1. Attempt a quiz as a student.
2. Use Firebug (or similar) to verify that the question flags have ARIA attributes, and clicking it works, etc.
3. Review the attempt as a teacher. Verify that the flags are not click-able, that you don't get a link pointer when you mouse over them, and they don't have ARIA attributes.

1. Attempt a quiz as a student.
2. Use Firebug (or similar) to verify that the question flags have ARIA attributes, and clicking it works, etc.
3. Review the attempt as a teacher. Verify that the flags are not click-able, that you don't get a link pointer when you mouse over them, and they don't have ARIA attributes.

Tim Hunt
added a comment - 23/Dec/11 7:42 AM You could make my life easier by telling me the correct ARIA mark-up. I have not yet learned ARIA.
Also, why are you setting fix-for version? The bug reporter should not do that. I should do that when I triage your bug report.

The pertinent attributes that need to be added to the container element are

aria-atomic="true" (This tells the screen reader to read the entire contents of the containing element whenever anything changes within the containing element)
aria-relevant="text" (This says that the changes are textual, as opposed to new nodes being inserted)
aria-live="assertive" (This tells the screen reader to announce it as soon as possible)

In this case you would just apply those three attributes to the <div> element that contains the whole area. This is the code from qa.moodle.net

Greg Kraus
added a comment - 02/Jun/12 3:32 AM The pertinent attributes that need to be added to the container element are
aria-atomic="true" (This tells the screen reader to read the entire contents of the containing element whenever anything changes within the containing element)
aria-relevant="text" (This says that the changes are textual, as opposed to new nodes being inserted)
aria-live="assertive" (This tells the screen reader to announce it as soon as possible)
In this case you would just apply those three attributes to the <div> element that contains the whole area. This is the code from qa.moodle.net
<div id="yui_3_5_1_1_1338578627632_17" class="questionflag" aria-atomic="true" aria-relevant="text" aria-live="assertive"><input type="hidden" name="q17:1_:flagged" value="0"><input type="hidden" value="qaid=19&qubaid=17&qid=22&slot=1&checksum=848d71aed3c627c5142b63da8bd94261&sesskey=Kq0s8S2ScU&newstate=" class="questionflagpostdata">
<input type="hidden" value="1" name="q17:1_:flagged" id="q17:1_:flaggedcheckbox" class="questionflagvalue"><input type="image" alt="Flagged" title="Remove flag" src="http://qa.moodle.net/theme/image.php/binarius/core/1338577259/i/flagged" class="questionflagimage" id="yui_3_5_1_1_1338578627632_571"><span title="Remove flag" class="questionflagtext">Remove flag</span></div>
I've tested this in JAWS and NVDA and it works with the proposed change.