Course management: insufficient colour contrast

Functional testing

1. Log in as admin
2. Navigate to Site Administration > Courses > Manage courses and categories
3. Create 3 categories "Cat A", "Cat B", "Cat C" with Parent category "Top"
4. For "Cat A" set the field "Category ID number" to be "Cat0123"
5. Create 2 courses in "Cat A" named "Mathematics" and "Science"
   1. Verify you see a blue left border for the active category
   2. Verify you see checkboxes for each category
   3. Verify you see the grey text "Cat0123" in the row of "Cat A"
6. Select "Cat B" and choose "Move selected categories to:" "Cat A"
   1. Verify "Cat B" is now a subcategory of "Cat A"
7. Scroll down the page to the "Search courses" input
8. Search for "Math"
   1. Verify you see course "Mathematics"
   2. Verify you see a checkbox for course "Mathematics"

Accessibility testing

1. Install a tool like the chrome plugins Axe or Wave for accessibility testing
   Note: You may see an occurrece of "Elements must have sufficient color contrast" for the "#menuselectsortby" element
   This is not a fail. It is picked up because the Axe tool is unable to distinguish the relative size of the up/down arrows which are shown in the dropdown and therefore is unable to determine whether they are conformant or not.
   The same applies for any other dropdown selects visible on the page
   1. Verify the page passes the colour contrast checks