User:GJR/sandbox
watchlist "green bullet" (page updated since last edit) feature inaccessible
the following appears in the second paragraph of the introductory text for the Wikipedia Watchlist, immediately preceding the "Mark all pages as visited" button in the document's reading-order:
Pages that have been changed since you last visited them are shown with a green bullet.
problems:
- this information is conveyed using a purely visual indicator;
- due to the use of CSS to insert the green bullet into the page's visual rendering, there is no "alt" text (of any kind) available for those who cannot process images... this means that there is no programatic binding between the iconic "green bullet" and a textual equivalent for the icon which would enable a blind user's screen reader to say (for example) "changed", whenever the screen reader encounters the code that causes the bullet icon to be visually rendered, thereby making the visual indicator accessible to those who cannot perceive it;
- the choice of a color as the sole means of communicating essental information to the user; reliance on a color change to a universally recognized page element (a bullet) rather than the provision of a distinctive icon (or other symbolic convention) to convey the intended information -- that the page's content has been updated since the user's last visit -- to the watchlist user...
- consider the obvious problem posed to color blind users; a.k.a. users with a "color vision deficiency" to use the current medical/scientific term for the range of conditions traditionally labelled "color-blindness"... the "greeness" of the bullet will not be perceptible to users with monochromacy (also known as "total color blindness"), achromatopsia and red-green color-blindness... additionally, users with tritanopia and tritanomaly experience great difficulty discriminating between blue and green hues and may not, therefore, perceive the "green bullet" as "green"...
- this is a clear, obvious and inexcusable violation of the W3C's Web Content Accessibility Guidelines and Authoring Tools Accessibility Guidelines (ATAG);
- this is a clear, obvious and inexcusable violation of the Wikipedia Manual of Style by those who construct and vet the templates for Wikipedia:
"Cancel" link on "Edit" form should be marked with ARIA to indicate it functions as a button
the Mediawiki "Edit" form uses "standard" form controls for all terminal actions except for the "Cancel" mechanism... the "Cancel" mechanism is currently coded as a hyperlink and not as a button, which means that the "Cancel" mechanism is 'not included in a screen-reader generated "list of form controls", where a screen reader user expects to find all of the controls associated with a form, nor is it reported as a FORM
control when a screen reader enters "forms mode" (a special overlay that allows the user to interact exclusively with form controls)
Solution
- encase the entire form (including "standard"
FORM
controls and javascripted form controls, such as the "Cancel" hyperlink) in arole="form"
- add
role="button"
to the code defining the "Cancel" hyperlink
<a href="/wiki/User:username/sandbox" title="User:username/sandbox" role="button" id="mw-editform-cancel">Cancel</a>
full disclosure: the ARIA "form" element was proposed by me in reaction to the Mediawiki "Edit" form