Improve keyboard accessibility and screen reader compatibility
I did a brief test to check the accessibility of Eliademy for blind people and other keyboard-only users. Here are a few of my findings:
* The language switching widget on the homepage (only visible before logging in) is not keyboard accessible. A blind user will probably not notice that it is available.
* The course rating dialog that pops up when you enter a course for the first time is not announced by the screen reader. (I tested with Firefox 45 and NVDA 2016.1.) It is not clear how you can even close it without a mouse.
* Headings are very important for navigation, but headings are pratically absent. For example, on a student's home page - which lists their courses - there are no headings. Inside the courses, the only headings are h3 elements created by content authors. Headings should represent the content's logical hierarchy; this is currently not the case.
* The list of courses on the user's home page is not keyboard accessible. As a result, a keyboard-only user cannot enter a course; this can only be done by means of a mouse click. A bliind user has no way of reading the list of courses. (The list of courses in the course catalogue is keyboard accessible, but the list on the user's home page is not...)
* Videos that are embedded as YouTube videos (e.g. in the course "Introduction to Algorithms"): keyboard access to pause and restart the video, to turn captions on/off, etc. are keyboard accessible, but the controls' labels are not announced by the screen reader, so a blind user cannot figure out which control they are on.