Issue ID,Summary,Description,Impact,Checkpoint Group,Issue Type,Test Unit,Recommended to fix,User,Group Name,Group Description,Status,Assign To,Date Created,Digital Asset Type,Release,Environment,Platform,Assistive technology,Source Code,Checkpoint,Method,Status,Test Case Name,Standards,Product,URL,Screenshots,Flagged,Flagged for Reason,Flagged By,Unit Type,More Info,Issue Comments,Group Notes,Test Unit Screenshot,Test Run Name,Success Criteria 1359212,Programmatic label does not convey purpose of control,"The programmatic label does not convey the purpose of the control. The programmatic label and visual label do not convey consistent information. Element description: ""Search"" field Element location : Present under the ""Advanced search"" Description of the issue: The programmatic label associated with all the search fields is not descriptive due to which the screen reader users will not be able to understand the purpose of the fields. ",Serious,2.4 Navigable,Accessibility,Advanced search modal,"RULE : Labels MUST be meaningful. HOW TO FIX: Fix this issue by ensuring that the programmatic label for the control correctly conveys the purpose of the control. Generally, the programmatic label and the visual label should match. REFERENCE: Deque University: https://dequeuniversity.com/class/forms2/labels/meaningful BACKGROUND: When form fields or interactive controls have vague or misleading labels, people may not understand the type of data expected or what a control will do if activated. This is especially true for people with cognitive disabilities and people who are blind and use a screen reader. Both the visible and the programmatic label must sufficiently describe the purpose of the form field or control. Descriptive labels give people confidence when filling out a form or using interactive content and help prevent mistakes.",suniti.singh@deque.com,,,,,05/15/23 at 7:11 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA," ",Descriptive Labels (2.4.6.b),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/marc-authorities?segment=search,Programmatic label does not convey purpose of control: https://axeauditor.dequecloud.com/api/v1/file/2f9d8726-f311-11ed-ab1e-0b5fbbe5ab65,,,,Page,,,,Advanced search modal: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/1c5bca6c-f2fb-11ed-ba94-2b88038b3cd1,EBSCO FOLIO Web Assessment_05-15-23-10:32,2.4.6 1371502,Visible group label missing,"No visual group label is present and the purpose of this group is not clear without a visual label. Element description: All the Select dropdowns Element location : Present on the modal Description of the issue: Visible group label is missing for the above mentioned select fields due to which the users may not be able to understand the exact purpose of the fields due to which users may face difficulty while accessing the content.",Serious,3.3 Input Assistance,Accessibility,Advanced search modal,"RULE : Group labels MUST be visible HOW TO FIX: Fix this issue by providing a visible group label for the set of form fields. Ensure that the group label is programmatically associated with the form fields via fieldset/legend elements or appropriate ARIA attributes. REFERENCE: Deque University: https://dequeuniversity.com/class/forms2/group-labels/visibility W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/ BACKGROUND: Filling out forms correctly can be one of the more time consuming and frustrating online user experiences, and it can be even more challenging for people with disabilities. The single easiest way to prevent user errors is by providing clear labels and instructions that are available to everyone at all times. Labels and instructions should: 1) be clear and informative, 2) disclose any constraints such as required data formats or ranges, and 3) identify required fields. Well-designed labels and instructions provide enough information so people can fill out forms without undue confusion or errors.",suniti.singh@deque.com,,,,,05/23/23 at 7:03 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA," ",Visible Labels (3.3.2.a),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/marc-authorities?segment=search,Visible group label missing: https://axeauditor.dequecloud.com/api/v1/file/7c4d24c0-f959-11ed-a1f7-5b02416e5d5c,,,,Page,,,,Advanced search modal: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/1c5bca6c-f2fb-11ed-ba94-2b88038b3cd1,EBSCO FOLIO Web Assessment_05-15-23-10:32,3.3.2 1359224,Content overlaps other content at 320px width equivalent,"Content or functionality is lost due to overlapping content when the page is adjusted to an equivalent width of 320px. Element description: ""Select"" fields Element location : Present on the modal Description of the issue: When the page is adjusted to an width of 320px, the above mentioned content is truncated due to which the users will to be able to see the content clearly. ",Serious,1.4 Distinguishable,Accessibility,Advanced search modal,"RULE : Content MUST be presented without loss of information or functionality when the viewport is set to 320 pixel width equivalent. HOW TO FIX: Fix this issue by ensuring content does not overlap other content when the screen width is set to 320px by using techniques such as CSS media queries, grids, or flexbox to reflow content down to 320px width. REFERENCE: Deque University:https://dequeuniversity.com/class/responsive-zoom2/zoom/linear-text-reflow https://dequeuniversity.com/class/responsive-zoom2/responsive/ WCAG Understanding document: https://www.w3.org/WAI/WCAG21/Understanding/reflow BACKGROUND: People with low vision often read content on a desktop computer by scaling content using the browser zoom - up to 400%. When zooming causes content to overlap other content, users with low vision may not be able to see or use that content. When content is created so that it reflows without losing information or functionality at screen widths down to 320px, users can view a web page in a 1280px width browser screen and zoom the content to 400% (320px) without having to scroll side to side to read and without losing access to content.",suniti.singh@deque.com,,,,,05/15/23 at 7:21 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA,n/a,Reflow (1.4.10.a),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/marc-authorities?segment=search,"After reflow: https://axeauditor.dequecloud.com/api/v1/file/b5082780-f312-11ed-b1e3-e76e988f8146 Before reflow: https://axeauditor.dequecloud.com/api/v1/file/b50827b2-f312-11ed-8449-9b19aded41b9",,,,Page,,,,Advanced search modal: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/1c5bca6c-f2fb-11ed-ba94-2b88038b3cd1,EBSCO FOLIO Web Assessment_05-15-23-10:32,1.4.10 1358986,Active user interface component lacks 3 to 1 contrast ratio,"The visual boundary of an ACTIVE user interface component does not have at least a 3 to 1 luminosity contrast ratio with either the inner or outer adjacent background. Element description: Select field Element location : Present on the ""Advanced search"" modal Color contrast ratio details: Focus indicator color: #1960A4 Background color: #8F8F8F The contrast ratio is: 2:1 ======== Element description: ""Close"" button Element location : Present on the ""Advanced search"" modal Color contrast ratio details: Focus indicator color: #97ABBD Background color: #FFFFFF The contrast ratio is: 2.4:1 Description of the issue: The color contrast ratio between focus indicator color ad its background color is less than 3:1 due to which the users will not be able to know about the currently focused element. ",Serious,1.4 Distinguishable,Accessibility,Advanced search modal,"RULE : Any visual boundary that indicates an active user component's hit area (the region where a pointer can activate the control) MUST have sufficient contrast of 3 to 1 with the adjacent background. Exceptions exist. HOW TO FIX: Fix this issue by adjusting the user interface component boundary and/or background to increase the contrast with either the inner or outer adjacent background to at least 3 to 1. REFERENCE: WCAG Understanding document: https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast BACKGROUND: People who have low vision or are colorblind may have difficulty perceiving that an element is interactive or what its state is - e.g. whether it has keyboard focus, is selected/checked/pressed, etc. - if the contrast between the element boundaries and/or state indicators and its background or adjacent colors is insufficient. When an interactive element's visual boundaries and state indicators have adequate contrast, people who have low vision or are colorblind are more likely to be able to perceive which elements on the screen are interactive and what their current state is.",suniti.singh@deque.com,,,,,05/15/23 at 6:39 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA," ",Non-Text Contrast - Active User Interface Components (1.4.11.a),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/marc-authorities?segment=search,Active user interface component lacks 3 to 1 contrast ratio: https://axeauditor.dequecloud.com/api/v1/file/5211d6d8-f3a0-11ed-9268-fbaa337ef78a,,,,Page,,,,Advanced search modal: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/1c5bca6c-f2fb-11ed-ba94-2b88038b3cd1,EBSCO FOLIO Web Assessment_05-15-23-10:32,1.4.11 1371496,Programmatic label does not convey purpose of control,"The programmatic label does not convey the purpose of the control. The programmatic label and visual label do not convey consistent information. Element description: All the Select dropdowns Element location : Present on the modal Description of the issue: Multiple Dropdowns have same programmatic label due to which the exact purpose of the select field will not be clear to screen reader users. Also users may confuse. ",Serious,2.4 Navigable,Accessibility,Advanced search modal,"RULE : Labels MUST be meaningful. HOW TO FIX: Fix this issue by ensuring that the programmatic label for the control correctly conveys the purpose of the control. Generally, the programmatic label and the visual label should match. REFERENCE: Deque University: https://dequeuniversity.com/class/forms2/labels/meaningful BACKGROUND: When form fields or interactive controls have vague or misleading labels, people may not understand the type of data expected or what a control will do if activated. This is especially true for people with cognitive disabilities and people who are blind and use a screen reader. Both the visible and the programmatic label must sufficiently describe the purpose of the form field or control. Descriptive labels give people confidence when filling out a form or using interactive content and help prevent mistakes.",suniti.singh@deque.com,,,,,05/23/23 at 6:59 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA," ",Descriptive Labels (2.4.6.b),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/marc-authorities?segment=search,Programmatic label does not convey purpose of control: https://axeauditor.dequecloud.com/api/v1/file/dbc4215c-f958-11ed-ab86-23be33ceba25,,,,Page,,,,Advanced search modal: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/1c5bca6c-f2fb-11ed-ba94-2b88038b3cd1,EBSCO FOLIO Web Assessment_05-15-23-10:32,2.4.6