Currently, we meet Grade C is the minimum standard without any Sev 1’s and Sev 2’s according to the MAS (Microsoft Accessibility Standards).
To adapt the Pedagoo’s Learning Locker to the needs of the blind or visually impaired, a series of accessibility improvements have been carried out.
- Phase 1. We have analized all accessibility issues, and we have classified them into 4 categories:
- Medium (Dashboard & Test).
- Phase 2. We have fixed all the issues classified as Critical or High.
- Phase 3. We have fixed all the issues classified as Medium – Test.
Note. In the near future, we will performance a phase 4 to fix all issues classified as Medium – Dashboard or Low.
Below you can see accessibility issues fixed:
|Critical||1. Checkbox is accessible via keyboard using SPACE or ENTER key.|
|2. The screen reader announces name, role and state for the checkboxes and if the checkbox is checked or not on the Show me questions I missed from last.|
|3. Close(X)’ control present on the error message which appears after activating ‘Continue’ control with leaving mandatory edit field blank is accessible via keyboard.|
|4. EXPLANATION tab is accessible using keyboard while navigating using tab key.|
|High||1. All check box are associated with it’s label in the ADVANCED OPTION page.|
|2. The back button is announced.|
|3. Error message which appears after activating ‘Continue’ control with leaving mandatory edit field blank is descriptive. Now, It defines error type, error suggestion or error causing field name.
In addition, the error message appears adjacent to the fields having error, so that it could be more efficient for the users having cognitive disabilities and should appear continuously on the screen.
|4. Name and role is defined for Close(X) control present on the error message which appears after activating CONTINUE control with leaving mandatory edit field blank and Screen Reader announces it as: CLOSE button.|
|5. Screen reader announces the error message which appears after activating ‘Continue’ control with leaving mandatory edit field blank.|
|6. Landmark is defined on the ‘Please select test mode’ page.
On pressing “D/Q”, NVDA/JAWS focus is move to different landmarks on the page.
|7. Screen reader announces role for ‘Next’ Control which is present on ‘Test Information’ page.
Screen reader announce: Next button
|8. At 200% Zoom, ‘What is Amazon Elastic Container Services?’ link doesn’t get cropped.|
|9. After resizing the page at 400%, page content doesn’t get cropped.|
|10. After resizing the page at 400%, ‘What is Amazon Elastic Container Services?’ link doesn’t get disappear.|
|11. Screen reader announces state as checked/not checked for review icon present at the footer.
Screen reader announces: mark for review marked/unmarked
|12. Next’ control is accessible using ‘Enter’ key.|
|13. Screen reader announces proper information with the updated values continuously as they appear on the screen for the time. Example: 10 minutes 30 seconds|
|14. Keyboard focus indicator is visible properly on ‘Checkbox’ after selecting the checkbox.|
|15. After resizing the page at 400%, ‘Next’ button doesn’t get Truncated.|
|16. After resizing the page at 400%, page content doesn’t get Overlapped.|
|17. In browse/VPC mode Screen readers doesn’t announce incorrect information as ‘Menu’ on “Exhibit” graphic.
Screen readers (NVDA/JAWS) announces row 6 Control column 1 graphic Exhibit.
|18. In High contrast Black/White modes, Status of progress bar is distinguished properly.|
|19. Color isn’t the only way to provide the information for the colored icons.|
|20. Screen reader announces correct name for BACK button.|
|21. Luminosity contrast ratio for the ’86:16′ text is greater than or equals to contrast ratio 4.5:1.|
|22. Screen Reader announces status message which appears after activating ‘Send’ button present on the ‘Send Feedback’ dialog.
NVDA/JAWS announces it as: ‘Your Feedback was sent’.
|1. Luminosity contrast ratio for the focus indicator on edit field is greater or equals to 3:1.|
|2. Screen reader announces selected combo box list items twice while navigating using tab key. Screen readers(NVDA/JAWS) announces it as Do not display any answer until the test is completed collapsed.|
|3. Keyboard focus land on first interactive element present on the “Advanced Options” page.|
|4. Luminosity contrast ratio for the border of edit field is greater or equals to 3:1.|
|5. Page Title is descriptive enough to identify the ‘Please Select Test Mode’ page as ‘PTS[LMS] – Test Mode.|
|6. Screen reader announces state as expanded for “The following options” combo box.|
|7. Screen Reader announces proper information after activating ‘Show Objectives’ button on the page.|
|8. Keyboard focus is moved to error causing field after activating ‘Continue’ control without filling edit field.|
|9. Keyboard focus is logical on ‘Select Objectives’ page: ‘Back’ button > checkboxes > ‘Continue’ button.|
|10. Screen Reader does not announce irrelevant information on edit field. Now, it announces: “Custom duration in minutes, required edit blank.”|
|11. Text spacing is get applied on combo box list items present inside ‘Options’ dialog.|
|12. Controls text present inside hamburger menu does not get cropped while visual focus indicator is landing on the button through ‘TAB’ key.|
|13. Screen Reader announces Name/summary for the table present on the page.|
|14. Screen reader announces information of role as ‘Column header’ on the ‘table headers’.|
|15. Luminosity contrast ratio for the green focus indicator on edit field is greater than or equals to 3:1.|
|16. User is able to navigate inside the table using table shortcut keys “Ctrl+Alt+Arrow” keys in table mode|
|17. Tooltip of [+] icon control is hoverable.|
|18. Luminosity contrast ratio for the yellow and green colored icons is greater than or equals to 3:1.|
|19. Luminosity contrast ratio of ‘mark for review’ control is greater than or equals to 3:1.|
|20. Screen readers announces role for ‘Number’ and ‘Objective’ Control which is present on ‘Review Question’ page as: Number Tab/ Objective Tab.|
|21. NVDA announces ‘Ok button’ as: Ok button.|
|22. Screen reader announces role of ‘Menu’ button as: Menu button.|
|23. Visual label provides for checkbox present on ‘Select Objective’ page.|
|24. Screen reader announces proper information at the control.|
|25. X icon is visible properly in high contrast white mode.|
|26. Screen Reader announces proper name of ‘Text -‘ control as “Decrease text button” and ‘Text +’ as “Increase text button”.|
|27. Asterisk(*) is provided for the required edit field.|
|28. Screen Reader announces the first interactive element on the test as PTS [LMS] document Please select test mode.|
|29. After enabling text spacing, Content present on the ‘Send Feedback’ dialog does not get truncated.|
|30. ‘Main’ Landmark is defined on the page.|
|31. In browse/VPC mode Screen readers announces descriptive information on the “counter” graphic present in the table on Test Interface page.|
|32. Screen reader announces proper information on tooltip which appears on “+” control.|
|33. Keyboard focus is logical on ‘Show Answers’ page: ‘Show Answers’ button > checkboxes > Browser page.|
|34. In High Contrast Black and White modes, Visual border is properly visible for the ‘Continue’ button on the page.|
|35. ‘Number’ and ‘Objective’ tabs are accessible using tab key.|
|36. NVDA announces correct information as flyout on ‘menu’ flyout.|
|37. Status message appears after activating ‘Mark For Review’ button and screen reader announces the appeared status message clearly.|
|38. Screen reader announces for page number edit field present on the page as: “Page number n of X(total pages) edit selected 1”.|
|39. Keyboard focus does not move to disabled ‘Exit’ button while navigating via Tab/shift-tab key.|
|40. Screen readers announces state as ‘disabled’ when focus moves to disabled ‘Exit’ control in browse mode.|
What would you like to do next?
- Do you want to configure the accessibility? Click here for more info.