Moodle

Participant lists, fix links to ordering links

Details

  • Type: Sub-task Sub-task
  • Status: Closed Closed
  • Priority: Minor Minor
  • Resolution: Fixed
  • Affects Version/s: 1.7
  • Fix Version/s: 1.8
  • Component/s: Accessibility
  • Labels:
    None
  • Affected Branches:
    MOODLE_17_STABLE
  • Fixed Branches:
    MOODLE_18_STABLE

Description

Participants: links to order lists by different headings, and in ascending or descending order, are not conveyed non-visually. Best practice for this feature needs to be considered further.

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Vy-Shane Sin Fat added a comment -

Are we talking about the admin/user.php interface? See attached screenshot.

Show
Vy-Shane Sin Fat added a comment - Are we talking about the admin/user.php interface? See attached screenshot.
Hide
Permalink
Vy-Shane Sin Fat added a comment -

Hi Nick, can you confirm what interface we are talking about

Show
Vy-Shane Sin Fat added a comment - Hi Nick, can you confirm what interface we are talking about
Hide
Permalink
Nick Freear added a comment -

This refers to the 'Using Moodle' course, People block, Participants link TO,
http://moodle.org/user/index.php?contextid=53
(See, http://docs.moodle.org/en/Moodle_Accessibility_Specification#participants_.28people.29)

1. Table summary attribute and/or caption element should describe structure and purpose, eg. "All participants ordered by most recent access", "Participants with surname starting A ordered by surname"... (no need for numbers of row/columns) see,
http://www.w3.org/TR/WCAG10-HTML-TECHS/#data-tables
http://www.w3.org/TR/html40/struct/tables.html#h-11.2.1
I recommend Fangs screen reader emulator for Firefox: http://www.standards-schmandards.com/projects/fangs/

2. I suggest that hidden text "Order by" is added in the link in each <th>, with title duplication, so
<th scope="col"><a href="" title="Order by City/town"><span class="accesshide">Order by </span>City/town</a></th>
(Minimalist, not recommended: instead of above, the phrase "Order by" could go in the first <th> with scope="row".)

3. I suggest the <th>s "First name" ..."Last access" should have scope="col". Then the up or down arrow could have alt and link-title such as "Currently ascending order"/ Currently descending order.

4. I also think the First name, Surname and Page lists should be marked up as ordered-lists <ol> – we need a generic class 'inline-list'
.inline-list { margin: 0; padding: 0; list-style: none; }
.inline-list li { display: inline; }

Show
Nick Freear added a comment - This refers to the 'Using Moodle' course, People block, Participants link TO, http://moodle.org/user/index.php?contextid=53 (See, http://docs.moodle.org/en/Moodle_Accessibility_Specification#participants_.28people.29) 1. Table summary attribute and/or caption element should describe structure and purpose, eg. "All participants ordered by most recent access", "Participants with surname starting A ordered by surname"... (no need for numbers of row/columns) see, http://www.w3.org/TR/WCAG10-HTML-TECHS/#data-tables http://www.w3.org/TR/html40/struct/tables.html#h-11.2.1 I recommend Fangs screen reader emulator for Firefox: http://www.standards-schmandards.com/projects/fangs/ 2. I suggest that hidden text "Order by" is added in the link in each <th>, with title duplication, so <th scope="col"><a href="" title="Order by City/town"><span class="accesshide">Order by </span>City/town</a></th> (Minimalist, not recommended: instead of above, the phrase "Order by" could go in the first <th> with scope="row".) 3. I suggest the <th>s "First name" ..."Last access" should have scope="col". Then the up or down arrow could have alt and link-title such as "Currently ascending order"/ Currently descending order. 4. I also think the First name, Surname and Page lists should be marked up as ordered-lists <ol> – we need a generic class 'inline-list' .inline-list { margin: 0; padding: 0; list-style: none; } .inline-list li { display: inline; }
Hide
Permalink
Nick Freear added a comment -

Hi Vy-Shane, hope I've answered your queries - I'm assigning back to you.

Points I missed,

5. Either remove the text-less link in the first <th> - the Picture column. Or add meaningful text - can the list be ordered by picture? Preferably add the text "User picture" or similar without a link to this <th>.

6. Either remove the link around each participant's picture, or add Alt text. At present, JAWS is forced to say "Link Graphic slash ftwo.jpg".

7. Where the text 'First name', Surname and Page occur before the alphanumeric lists (point 4), make them headings <h4>.

Current Fangs (JAWS) transcript,
"... Table with five columns and twenty-one rows Link Link First name slash Link Surname Link City slash town Link Country Link Last access LinkGraphic slash ftwo .jpg Link Nick Freear Milton Keynes United Kingdom one sec LinkGraphic slash ftwo .jpg Link Joseph Rézeau Rennes France eight secs ..."

Show
Nick Freear added a comment - Hi Vy-Shane, hope I've answered your queries - I'm assigning back to you. Points I missed, 5. Either remove the text-less link in the first <th> - the Picture column. Or add meaningful text - can the list be ordered by picture? Preferably add the text "User picture" or similar without a link to this <th>. 6. Either remove the link around each participant's picture, or add Alt text. At present, JAWS is forced to say "Link Graphic slash ftwo.jpg". 7. Where the text 'First name', Surname and Page occur before the alphanumeric lists (point 4), make them headings <h4>. Current Fangs (JAWS) transcript, "... Table with five columns and twenty-one rows Link Link First name slash Link Surname Link City slash town Link Country Link Last access LinkGraphic slash ftwo .jpg Link Nick Freear Milton Keynes United Kingdom one sec LinkGraphic slash ftwo .jpg Link Joseph Rézeau Rennes France eight secs ..."
Hide
Permalink
Yu Zhang added a comment -

Hi Nick,

Added hidden text (for all sortable headers) and scope in all table headers. The user picutre header is already done in another bug. (this column is not sortable). The user picture comes with the alt (if the user has set it), if not it says "picture of xyz".

Cheers,

Yu

Show
Yu Zhang added a comment - Hi Nick, Added hidden text (for all sortable headers) and scope in all table headers. The user picutre header is already done in another bug. (this column is not sortable). The user picture comes with the alt (if the user has set it), if not it says "picture of xyz". Cheers, Yu

People

Vote (0)
Watch (1)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.5#665-sha1:422aead) | Report a problem
Powered by a free Atlassian JIRA open source license for Moodle. Try JIRA - bug tracking software for your team.