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
1361442,Link or button text lacks 4.5:1 contrast ratio on hover or focus,"The contrast ratio between link or button text and its background is not at least 4.5:1 on hover and/or on focus.
Element description: Buttons as ""AM"" and ""PM""
Element location: Buttons, located in the ""Time picker widget""
Description of the issue: It is important for the link or button text to have a good contrast ratio with a background of 4.5:1 at the minimum on hover/focus. When this is not met, people with color blindness and low vision will find it difficult to read the content and with the above details, we can see that the link or button element is not meeting the minimum threshold of 4.5:1 contrast ratio.
Contrast Details (On Hover and On Focus)
Link or button text color: #1960A4
Background color: #BDD6ED
Contrast Ratio: 4.30 : 1 ",Moderate,1.4 Distinguishable,Accessibility,Time picker widget,"RULE :
Small text (under 18 point regular font or 14 point bold font) MUST have a contrast ratio of at least 4.5 to 1 with the background.
HOW TO FIX:
Fix this issue by adjusting the color of the hovered or focused link or button text and/or background to increase the contrast to at least 4.5 to 1.
REFERENCE:
Deque University: https://dequeuniversity.com/class/visual-design2/contrast/text-against-background
BACKGROUND:
People who have low vision or are colorblind may have difficulty reading text if the contrast between the text its background is insufficient. When the contrast ratio between text and its background is adequate, people who have low vision or are colorblind are more likely to be able to read the text.",harsha.kuruva@deque.com,,,,,05/16/23 at 8:20 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA,"
",Color Contrast (regular text) (1.4.3.a),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/settings/calendar/all/edit/ccc7515a-f636-4745-a8a9-babd537a596a,"Link or button text lacks 4.5:1 contrast ratio on hover or focus: https://axeauditor.dequecloud.com/api/v1/file/1b21dc1a-f3e4-11ed-9dd9-6b5b8b78844d
Link or button text lacks 4.5:1 contrast ratio on hover or focus: https://axeauditor.dequecloud.com/api/v1/file/1b21e570-f3e4-11ed-a4f3-3b20d60a34f9",,,,Component,,,,Time picker widget: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/b33006e4-f3e4-11ed-9b14-63038b58b95c,EBSCO FOLIO Web Assessment_05-15-23-10:32,1.4.3
1360174,Buttons have same name but different actions,"Multiple buttons have the same labels/names but perform different actions. This is not conveyed via text associated with individual buttons.
Element Name-
- ""x"" (clear this field)
Location of Element- Located in ""HH"" and ""MM"" edit fields when a user enters data.
Description of issue- Multiple buttons found with identical labels as result screen reader users will face difficulties to understand the purpose of label.",Serious,2.4 Navigable,Accessibility,Time picker widget,"RULE :
Labels MUST be meaningful.
HOW TO FIX:
Fix this issue by using ONE of the following techniques:
1. Use an aria-label attribute to provide a complete programmatic label for the button.
2. Use an aria-describedby attribute to associate visible text with the button to provide a complete description of the button purpose.
Class A: House training your puppy
.....
3. Change the button label (both visible and programmatic) to provide a complete description of the button purpose.
REFERENCE:
Deque University: https://dequeuniversity.com/class/forms2/labels/meaningful
BACKGROUND:
When multiple buttons on a page have the same name but a different action, visual users may be able to tell the purpose of each button by its location on the screen or the content near it, but screen reader users may not be able to figure that out so easily. (For example, when there are multiple ""Buy Me"" buttons on the screen, which product will a particular button buy?) Buttons with the same name but different action can be differentiated programmatically without changing the visual appearance of the content. This will allow a screen reader user to understand what each button will do and avoid making mistakes.",anurag.hade@deque.com,,,,,05/16/23 at 2:16 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA,NA,Descriptive Labels (2.4.6.b),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/settings/calendar/all/edit/ccc7515a-f636-4745-a8a9-babd537a596a,"Buttons have same name but different actions: https://axeauditor.dequecloud.com/api/v1/file/588f2cf2-f3e3-11ed-af14-07a216c94c78
Buttons have same name but different actions: https://axeauditor.dequecloud.com/api/v1/file/588f3b48-f3e3-11ed-b395-5f8bfea727f0",,,,Component,,,,Time picker widget: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/b33006e4-f3e4-11ed-9b14-63038b58b95c,EBSCO FOLIO Web Assessment_05-15-23-10:32,2.4.6
1361502,Placeholder text lacks 4.5:1 contrast ratio,"The contrast ratio between placeholder text and its background is not at least 4.5:1.
Element description: Placeholder texts as ""HH"" and ""MM""
Element location: Placeholder texts, located in the ""Time picker widget""
Description of the issue: It is important for the placeholder text to have a good contrast ratio with a background of 4.5:1 at the minimum. When this is not met, people with color blindness and low vision will find it difficult to read the content and with the above details, we can see that the placeholder element is not meeting the minimum threshold of 4.5:1 contrast ratio.
Contrast Details
Placeholder text color: #757575
Background color: #F7F7F7
Contrast Ratio: 4.30 : 1 ",Moderate,1.4 Distinguishable,Accessibility,Time picker widget,"RULE :
Small text (under 18 point regular font or 14 point bold font) MUST have a contrast ratio of at least 4.5 to 1 with the background. This issue applies to placeholder text as well.
HOW TO FIX:
The Firefox browser applies an opacity of less than 1 to placeholder text color that causes the rendered text color to fall below contrast ratio requirements. Fix this issue by using CSS to ensure that the rendered placeholder text has an opacity of 1. For example:
:-moz-placeholder { /* Firefox 18- */
color: #767676;
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: #767676;
opacity: 1;
}
REFERENCE:
W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/instructions/#styling
BACKGROUND:
People who have low vision or are colorblind may have difficulty reading text if the contrast between the text its background is insufficient. When the contrast ratio between text and its background is adequate, people who have low vision or are colorblind are more likely to be able to read the text.",harsha.kuruva@deque.com,,,,,05/16/23 at 8:24 am,Desktop Web,Initial Assessment,Production,windows and chrome,NVDA,"
",Color Contrast (regular text) (1.4.3.a),Manual,open,EBSCO FOLIO Web Assessment,"wcag2a, wcag2aa, wcag21a, wcag21aa",Desktop,https://folio-nolana.dev.folio.org/settings/calendar/all/edit/ccc7515a-f636-4745-a8a9-babd537a596a,Placeholder text lacks 4.5:1 contrast ratio: https://axeauditor.dequecloud.com/api/v1/file/a6da4dfa-f3e4-11ed-8dac-2f97fc6fd2ce,,,,Component,,,,Time picker widget: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/b33006e4-f3e4-11ed-9b14-63038b58b95c,EBSCO FOLIO Web Assessment_05-15-23-10:32,1.4.3
1360129,Buttons have same name but different actions,"Multiple buttons have the same labels/names but perform different actions. This is not conveyed via text associated with individual buttons.
Element Name-
- up arrow (Arrow up)
- down arrow (Arrow down)
Description of issue- Multiple buttons were found with identical labels as a result screen reader users could not understand the purpose of the controls providing unique and descriptive labels for buttons.",Serious,2.4 Navigable,Accessibility,Time picker widget,"RULE :
Labels MUST be meaningful.
HOW TO FIX:
Fix this issue by using ONE of the following techniques:
1. Use an aria-label attribute to provide a complete programmatic label for the button.
2. Use an aria-describedby attribute to associate visible text with the button to provide a complete description of the button purpose.
Class A: House training your puppy
.....
3. Change the button label (both visible and programmatic) to provide a complete description of the button purpose.
REFERENCE:
Deque University: https://dequeuniversity.com/class/forms2/labels/meaningful
BACKGROUND:
When multiple buttons on a page have the same name but a different action, visual users may be able to tell the purpose of each button by its location on the screen or the content near it, but screen reader users may not be able to figure that out so easily. (For example, when there are multiple ""Buy Me"" buttons on the screen, which product will a particular button buy?) Buttons with the same name but different action can be differentiated programmatically without changing the visual appearance of the content. This will allow a screen reader user to understand what each button will do and avoid making mistakes.",anurag.hade@deque.com,,,,,05/16/23 at 1: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/settings/calendar/all/edit/ccc7515a-f636-4745-a8a9-babd537a596a,Buttons have same name but different actions: https://axeauditor.dequecloud.com/api/v1/file/1b86e70a-f3e3-11ed-9822-7775dbd0cb2d,,,,Component,,,,Time picker widget: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/b33006e4-f3e4-11ed-9b14-63038b58b95c,EBSCO FOLIO Web Assessment_05-15-23-10:32,2.4.6
1360111,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 Name- AM or PM button.
Description of issue- When the user activates the AM or PM button present in the time picker widget the label gets changed visually but the screen reader is announcing as ""AM or PM"" button which can create a confusing experience for the screen reader users, make sure the label changes on interaction.",Serious,2.4 Navigable,Accessibility,Time picker widget,"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.",anurag.hade@deque.com,,,,,05/16/23 at 1:52 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/settings/calendar/all/edit/ccc7515a-f636-4745-a8a9-babd537a596a,"Programmatic label does not convey purpose of control: https://axeauditor.dequecloud.com/api/v1/file/71ae623a-f3e2-11ed-b2cd-8bb2a7c125e5
Programmatic label does not convey purpose of control: https://axeauditor.dequecloud.com/api/v1/file/71ae6ae6-f3e2-11ed-8de9-ab1419117ed7",,,,Component,,kgambrell@ebsco.com: Retest with Orchid environment,,Time picker widget: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/b33006e4-f3e4-11ed-9b14-63038b58b95c,EBSCO FOLIO Web Assessment_05-15-23-10:32,2.4.6