1 Introduction
2 Related works
3 Methods
3.1 Methods and Research Tools
Criterion no. | Title | Level |
---|---|---|
1.1.1 | Non-text content | A |
1.2.2 | Captions (prerecorded) | A |
1.3.1 | Info and relationships | A |
1.3.3 | Sensory characteristics | A |
1.4.2 | Audio control | A |
1.4.3 | Contrast (minimum) | AA |
1.4.11 | Non-text contrast | AA |
1.4.13 | Content on hover or focus | AA |
2.1.1 | Keyboard | A |
2.1.2 | No keyboard trap | A |
2.2.1 | Timing adjustable | A |
2.3.1 | Three flashes or below threshold | A |
2.4.1 | Bypass blocks | A |
2.4.3 | Focus order | A |
2.4.4 | Link purpose (in context) | A |
2.4.6 | Heading and labels | AA |
2.4.7 | Focus visible | A |
2.5.3 | Label in name | A |
3.1.2 | Language of parts | AA |
3.2.3 | Consistent navigation | AA |
3.2.4 | Consistent identification | AA |
3.3.1 | Error identification | A |
3.3.3 | Error suggestion | AA |
4.1.1 | Parsing | A |
4.1.2 | Name, role, value | A |
4.1.3 | Status messages | AA |
3.2 Description of research group
Gender | Number of persons | Average age | Minimum age | Maximum age |
---|---|---|---|---|
Female | 5 | 27 | 21 | 39 |
Male | 5 | 31 | 24 | 35 |
Course title | Nb of users | University preparing the course | Outcome skills |
---|---|---|---|
Learning How to Learn: Powerful mental tools to help you master tough subjects | 3 | McMaster University, University of California San Diego | Test preparation, Learning to learn, Pomodoro technique, Meta learning |
English for Career Development | 2 | University of Pennsylvania | Communication, English language, Career development, Writing |
The Holocaust–An Introduction (I): Nazi Germany: Ideology, The Jews and the World | 1 | Tel Aviv University, Yad Vashem | Entrepreneurship, History, Business, Psychology |
Dog Emotion and Cognition | 1 | Duke University | Cognitive science, Evolution, Animal behavior, Dog |
Stanford Introduction to Food and Health | 1 | Stanford University | Health informatics, Nutrition, Food safety, Food science |
Be Your Best Creative Self | 1 | University of Colorado Boulder | Video, Writer, Graphic design, Creative professional, Photographer |
A Life of Happiness and Fulfillment | 1 | Indian School of Business | Gratitude, Mindfulness, Happiness, Meditation |
-
Mozilla Firefox 52 with JAWS 18 screen reader. Google Chrome 87 browser and NVDA reader were used alternatively;
-
Mozilla Firefox 83+ with NVDA screen reader. Google Chrome 87 was used interchangeably.
4 Results
4.1 Automatic audit
-
On the subpage devoted to cooperation with business, an element responding only to a mouse click was detected, while omitting the keyboard and links with the description such as “Click here”. Also found a picture with a double alternative description;
-
On the main page there are images with the description “Placeholder”;
-
ARIA hidden items to which the focus can be moved were detected;
-
In the course catalog, an element with the tabindex attribute, buttons and links were detected, which appear as a descendant of the element with the link role;
-
Missing aria-label or aria-labeled by attribute detected on homepage;
-
A button with an image with no alternative description was detected on the subpages devoted to business and universities;
-
Carousel arrows on the home page have multiple duplicate IDs;
-
On the subpage devoted to universities, an element with the menu role was found, which does not contain any items and graphics in SVG format with the image role assigned, but without the title attribute;
-
Incorrect assignments of IDs to ARIA attributes;
-
General headline level problems.
4.2 Qualitative analysis conducted in a research group
4.2.1 Perceivable
4.2.2 Operable
4.2.3 Understandable
4.2.4 Robust
-
“The course best collaborated with Firefox browser. On the Google Chrome the course was much worse”—person with medium visual impairment;
-
“Playing videos greatly slows down the screen reader operation”—person with severe visual impairment;
-
“When filling the profile information I found some form elements with no labels”—person with visual and motor impairment.
5 Discussion
-
lack of descriptions for alternative graphic elements;
-
requiring sensory perception (recognizing shape, location of elements, etc.) to understand and manipulate content;
-
problems while operating the website and courses using the keyboard;
-
insufficient possibilities of skipping repeated blocks of content;
-
problems with understanding the goals of some links;
-
missing labels;
-
very poor focus visibility.