[
https://issues.apache.org/jira/browse/NIFI-9787?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Jonathan Conti-Vock reassigned NIFI-9787:
-----------------------------------------
Assignee: Jonathan Conti-Vock
> Improve visibility of selected row in Controller Services and Add Processor
> tables
> ----------------------------------------------------------------------------------
>
> Key: NIFI-9787
> URL: https://issues.apache.org/jira/browse/NIFI-9787
> Project: Apache NiFi
> Issue Type: Improvement
> Components: Core UI
> Affects Versions: 1.15.3
> Reporter: Jonathan Conti-Vock
> Assignee: Jonathan Conti-Vock
> Priority: Minor
> Labels: Accessibility
> Attachments: image-2022-03-10-17-19-18-155.png,
> image-2022-03-10-17-40-00-713.png, image-2022-03-10-17-45-27-014.png,
> image-2022-03-10-17-46-02-065.png, image-2022-03-10-17-47-04-823.png,
> image-2022-03-10-17-47-32-143.png, image-2022-03-10-17-48-10-252.png
>
>
> The particular concern this ticket addresses is to make it easier to identify
> which row is selected/highlighted after adding a new Controller Service to
> your configuration. This change would also make it easier to identify which
> row is selected when navigating a table with the keyboard, and fulfill the
> WCAG 2.1 success criteria "[Ensuring that additional visual cues are
> available when text color differences are used to convey
> information|https://www.w3.org/WAI/WCAG21/Techniques/general/G182]";.
> As you can see below, it is nearly or actually impossible for users with
> color contrast insensitivity (particularly a complete lack of color vision)
> to distinguish which row is currently highlighted.
>
> In the Controller Services table...
> Achromatopsia (grayscale):
> !image-2022-03-10-17-45-27-014.png!
> No color contrast vision problems:
> !image-2022-03-10-17-46-02-065.png!
>
> In the "Add Processor" table...
> Achromatopsia (grayscale):
> !image-2022-03-10-17-19-18-155.png!
>
> No color contrast vision problems:
> !image-2022-03-10-17-40-00-713.png!
>
> Proposed changes would look like the following:
> !image-2022-03-10-17-47-04-823.png!
>
> !image-2022-03-10-17-47-32-143.png!
>
> !image-2022-03-10-17-48-10-252.png!
--
This message was sent by Atlassian Jira
(v8.20.1#820001)
