| | 6 | |
| | 7 | EDIT BY ANTPB: |
| | 8 | This issue was brought to light again through the WPCampus-report when it was discovered that the weight of the edit image attributes was not able to be ordered. This is true for all forms of meta boxes so I’m adding in the details from the specific Edit Image context to highlight the accessibility importance of this issue: |
| | 9 | |
| | 10 | Moved from the WPCampus accessibility report issues on GitHub, see https://github.com/WordPress/gutenberg/issues/15316 |
| | 11 | |
| | 12 | Severity: |
| | 13 | Low |
| | 14 | Affected Populations: |
| | 15 | Blind |
| | 16 | Motor Impaired |
| | 17 | Platform(s): |
| | 18 | All / Universal |
| | 19 | Components affected: |
| | 20 | Edit Media |
| | 21 | Issue description |
| | 22 | The Edit Media interface* includes the ability to re-arrange the boxes by |
| | 23 | drag and drop, however this can only be achieved by mouse users, since |
| | 24 | the functionality does not support touch or keyboard users. |
| | 25 | |
| | 26 | Users of touchscreens and keyboards cannot re-order the boxes. Speech |
| | 27 | recognition users may be able to if they can manipulate the mouse with |
| | 28 | speech (such as using Mouse Move), however this is onerous and |
| | 29 | difficult. |
| | 30 | |
| | 31 | Remediation Guidance |
| | 32 | Allow keyboard and touchscreen users the ability to re-arrange the |
| | 33 | boxes. This can either be done with dedicated buttons, such as are used |
| | 34 | within Gutenberg for moving Blocks; or it could be done by extending |
| | 35 | drag and drop support to keyboard and touch users (a good example of |
| | 36 | which is dragondrop: https://schne324.github.io/dragon-drop/demo/). |
| | 37 | |
| | 38 | Relevant standards |
| | 39 | |
| | 40 | 2.1.1 Keyboard (Level A) https://www.w3.org/TR/WCAG20/#keyboard-operation-keyboard-operable |
| | 41 | Note: This issue may be a duplicate with other existing accessibility-related bugs in this project. This issue comes from the Gutenberg accessibility audit, performed by Tenon and funded by WP Campus. This issue is GUT-80 in Tenon's report |
| | 42 | |
| | 43 | *Original issue description and screenshot are available at page 142 of the complete technical report PDF. However, the screenshot appears to be related to the edit post screen in the classic editor. |
| | 44 | https://github.com/WordPress/gutenberg/issues/15316#issuecomment-489460963 |