FLUID-6037: The image reorderer has errors with its use of form, role, gridcell, and role=gridcell

Metadata

Source
FLUID-6037
Type
Bug
Priority
Major
Status
Closed
Resolution
Duplicate
Assignee
N/A
Reporter
David
Created
2016-11-04T15:44:54.526-0400
Updated
2016-11-07T08:38:51.725-0500
Versions
  1. 2.0
Fixed Versions
N/A
Component
  1. Image Reorderer

Description

http://build.fluidproject.org/infusion/demos/reorderer/imageReorderer/
Ran the Demo through the new validator (https://validator.w3.org/nu/) and a couple types of issues were shown.

Error: Bad value grid for attribute role on element form.
From line 106, column 13; to line 106, column 236
<form action="#" id="reorder-images-form" class="flc-imageReorderer fl-imageReorderer fl-reorderer-h…" role="grid" aria-multiselectable="false" aria-readonly="false" aria-disabled="false" tabindex="0">↩

Error: Bad value gridcell for attribute role on element a.
From line 107, column 21; to line 111, column 155
<a href="images/Dragonfruit.jpg" class="flc-imageReorderer-item fl-imageReorderer-item fl-reorderer-movable-default ui-draggable ui-draggable-handle" id="fluid-id-a2vz2h1v-75" aria-label=" ↩ ↩ ↩ ↩ 1 of 6 movable" role="gridcell" aria-selected="false" aria-disabled="false" tabindex="-1" aria-grabbed="false" aria-dropeffect="none">↩

Error: An element with role=gridcell must be contained in, or owned by, an element with role=row.
From line 107, column 21; to line 111, column 155
<a href="images/Dragonfruit.jpg" class="flc-imageReorderer-item fl-imageReorderer-item fl-reorderer-movable-default ui-draggable ui-draggable-handle" id="fluid-id-a2vz2h1v-75" aria-label=" ↩ ↩ ↩ ↩ 1 of 6 movable" role="gridcell" aria-selected="false" aria-disabled="false" tabindex="-1" aria-grabbed="false" aria-dropeffect="none">↩

Environments

Chrome 54, Windows 10