ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
Internal WCAG compliance evaluation
2
Last updated: august 2021
3
Disclaimer for interpretation:
4
This sheet aims to provide insight on the outlines of our WCAG compliance. It's the result of internal evaluation by the FeedbackFruits accessibility team. Please take into account that rates might be outdated and improved as of reading. We iteratively work towards our goal of >95% compliance on WCAG 2.0, 2.1, 2.2 (up to and including level AA)
5
Overall compliance estimate:89.50%
6
7
WCAG 2.0 Level A93.92%Last improved: august 2021
8
SectionSummaryCompliance est.Rationale
9
1.1.1 – Non-text ContentProvide text alternatives for non-text content97.00%
Only a handfull of images remain without alts. Some help centre articles have images without alt, but due to embedded nature of the product, students will rarely interact with these parts.
10
1.2.1 – Audio-only and Video-only (Pre-recorded)Provide an alternative to video-only and audio-only content80.00%
See rationale below. We've adjusted this to 80% as we don't support adding additional audiotracks as an alternative, or the options to download the transcripts. After adding the option to download the transscripts, we'll adjust this to 95% compliant as this is above industry standard.
11
1.2.2 – Captions (Pre-recorded)Provide captions for videos with audio95.00%
We provide support for adding closed captions as is expected from the spec. But we are neither responsible or currently capable of creating these closed captions ourselves. Educational staff should provide these with the course content they upload. Considering we currently cover the criterion above industry standard, we've given ourselves 95% compliance. In the long future we still want to extend on this by providing the student with the ability to easily add their own closed captions, or apply AI to facilitate automatically generated captions when not present in the audio/video (to go from 95% to 100% coverage)
12
1.2.3 – Audio Description or Media Alternative (Pre-recorded)
Video with audio has a second alternative100.00%We support this by use of closed captions. Depends on institutions/teachers providing these with their content
13
1.3.1 – Info and RelationshipsLogical structure95.00%
Almost everywhere the case, some exceptions remain. Page sections are structured with subheadings (with appropriate HTML tags), structural elements have appropriate HTML tags, forms are clearly labeled. Regularly an element is inappropriately nested tho.
14
1.3.2 – Meaningful SequencePresent content in a meaningful order85.00%
Navigation is clearly separated from content. Content sequencing is appropriate. Regularly an element is inappropriately nested so it doesn't pass W3C’s markup validator tho.
15
1.3.3 – Sensory CharacteristicsUse more than one sense for instructions90.00%
There's a very small amount of empty-state and onboarding illustrations and copywriting left that rely on position-on-screen, like arrows pointing towards a component, or descriptions of a button position like "bottom left". These can always also be discovered through alternative means.
16
1.4.1 – Use of ColourDon’t use presentation that relies solely on colour95.00%
Colorcoding is always accompanied by explanations, ability to get those, or other characteristics (shape, location, icon) that by association reveals meaning.
17
1.4.2 – Audio ControlDon’t play audio automatically100.00%With exception of video/audio player where this meets user intention, this is neber the case.
18
2.1.1 – KeyboardAccessible by keyboard only98.00%All interactions are keyboard rechable/actionable with rare non-critical exceptions
19
2.1.2 – No Keyboard TrapDon’t trap keyboard users100.00%A route/state always presents keyboard based escape/back-navigation
20
2.2.1 – Timing AdjustableTime limits have user controls98.00%
Time-based mechanics can always be paused. Only exception is time-limited questions on Interactive Presentations. We mostly disregard this as the course needs to provide an alternative to this not-fully-accessible format anyways. What we can still improve is syncing timer states to student devices to inform then on the time left when use of this tool is such that it doesn't rely on the images in the slides, and hence can still participate and answer questions.
21
2.2.2 – Pause, Stop, HideProvide user controls for moving content100.00%
Auto-moving content is kept to bare minimum to begin with. Always has ability to hide or stop when looping or playing for more than a second.
22
2.3.1 – Three Flashes or BelowNo content flashes more than three times per second90.00%
We're fairly certain we don't have any situtions where this happens. This is user-uploaded content excluded, but though this would be nice, automating detection is too cost prohibitive for the forseable future
23
2.4.1 – Bypass BlocksProvide a ‘Skip to Content’ link90.00%Mostly all relevant pages have a well considered skip-to navigation menu
24
2.4.2 – Page TitledUse helpful and clear page titles90.00%Only minor areas of improvement
25
2.4.3 – Focus OrderLogical order90.00%Well met, though we assume there is some minor room for improvement. Validation and feedback needed.
26
2.4.4 – Link Purpose (In Context)Every link’s purpose is clear from its context90.00%Almost always labeled or clear from context. Some exceptions in non-critical areas exist.
27
3.1.1 – Language of PagePage has a language assigned100.00%Language is designated appropriately in HTML header.
28
3.2.1 – On FocusElements do not change when they receive focus100.00%Apart from revealing a tooltip or pop-over sometimes (which doesn't occlude or change functionality), elements don't change.
29
3.2.2 – On InputElements do not change when they receive input100.00%
Apart from visual indication that focus is present (which is helpful), or extending a menu with available options for selection, elements don't change.
30
3.3.1 – Error IdentificationClearly identify input errors85.00%With recent upgrade of our input fields, there are only a few errors left to students that are not live read.
31
3.3.2 – Labels or InstructionsLabel elements and give instructions90.00%Some exotic fields still need some improvements. Main usecases are well labeled.
32
4.1.1 – ParsingNo major code errors100.00%Use of modern frameworks ensures this by automated checks running since start of development
33
4.1.2 – Name, Role, ValueBuild/choose all (third-party) elements for accessibility90.00%Quick checkup on our (limited) use of third party elements indicates very high compliance
34
35
WCAG 2.0 Level AA84.90%Last improved: november 2021
36
SectionSummaryCompliance est.Rationale
37
1.2.4 – Captions (Live)Live videos have captionsNo live video occurs on our platform
38
1.2.5 – Audio Description (Pre-recorded)Users have access to audio description for video content40.00%
We consider the supplementing of (user uploaded) video with alteranative audio descriptions the responsibility of teachers/institutions. However we should support this teacher usecase better. Currently this can at best be achieved either by linking to an alternative version in the attached descriptions, or by adding an additional audiostream to the videofile (that contains this audio-description) before uploading, and communicating to disabled users that need this to download the video file and play it using a local mediaplayer that can switch between the available audiostreams.
39
1.4.3 – Contrast (Minimum)Contrast ratio between text and background is at least 4.5:170.00%
Regular text is compliant. Only "disabled state" text currently doesn't comply, but with use of high-contrast browser addons it does comply. We're looking at adding an option in our accessibility settings that will make all text on light backgrounds (vast majority of text) meet contrast standards.
40
1.4.4 – Resize TextText can be resized to 200% without loss of content or function100.00%
Due to our strict responsive design effort - practiced from start of development - this is supported everywhere with browser-based zooming
41
1.4.5 – Images of TextDon’t use images of text97.00%
We've built an HTML based document viewer to display user uploaded content accessibly. Only very minor occurences remain (e.g. in our illustration work here and there)
42
2.4.5 – Multiple WaysOffer several ways to find and navigate to the same pages80.00%
Could be improved. We don't offer sitemaps for example. But we also consider this deficiency to be offset our predictable interaction design and in-app user onboarding/education. Important functions and page sections are also always mentioned in the skip-nav menu for discoverability.
43
2.4.6 – Headings and LabelsUse clear headings and labels90.00%Generally well structured and labeled. Some pages still exist where this can be improved.
44
2.4.7 – Focus VisibleEnsure keyboard focus is visible and clear92.00%
Generally well visible with default browser outlines and highlights, but we haven't achieved mastery in this like e.g. Slack did, and still have some ambitions here because we consider this one of the most vital criteria
45
3.1.2 – Language of PartsTell users when the language on a page changes
Language is indicated in HTML. Currently there are no language changes in our platform (except when done in user uploaded content). Requiring the uploader to specify the content language seems highly unlikely to succeed from an interaction design perspective (often neglected by user). Automated detection of the language of user uploaded content would be plausible. We consider this a future "nice-to-have" as usually in education the language variability of the content is already known by students.
46
3.2.3 – Consistent NavigationUse menus consistently95.00%Benefits of strictly designing with Google's Material design language
47
3.2.4 – Consistent IdentificationUse icons and buttons consistently90.00%Again benefits of Google's Material design, as well as strict internal design review and a component-based UI
48
3.3.3 – Error SuggestionSuggest fixes when users make errors95.00%
Redesign of our input components with accessibility as a first principle has resolved outstanding issues. We haven't had a thorough checkup yet, but we're pretty confident there's little to no issues left.
49
3.3.4 - Error Prevention (Legal, Financial, Data)Reduce the risk of input errors for sensitive data
Mostly not-applicable. Activity on our platform is potentially of high consequences of a student's study career. We carefully consider this during design and employ forgiving interaction patterns so likely already well covered. A thorough investigation would be needed to fully confirm this.
50
51
WCAG 2.0 Level AAA
52
Though we actually already comply with some criteria of this level (e.g text contrast), level AA is normally sufficient for both our partners and government regulations. Due to diminishing returns on investment with this level, we are currently not committed to achieving this level, and hence do not maintain an evaluation of it.
53
54
55
56
57
WCAG 2.1 Level A85.18%Last improved: november 2021
58
SectionSummaryCompliance est.Rationale
59
2.1.4 Character Key ShortcutsSingle character keyboard shortcuts can be turned off or remapped0.00%We have single character shortcuts, but these currently can't be turned of or remapped. Fix planned for 2022.
60
2.5.1 Pointer GesturesMultitouch and path guestures have simpler alternatives90.00%Only in Interactive Presentations, for students, on mobile devices, do we still need to add zoom controls to cover this item.
61
2.5.2 Pointer CancellationAccidentally click of button can be canceled by sliding outside before releasing95.00%
All our interface components that are activated by clicks/taps can be canceled by sliding of the component before up-event. We suspect a few undiscovered instances where this isn't the case might still be around.
62
2.5.3 Label in NameLabels contain at least the text that is presented visually95.00%Generally the case. We suspect a few undiscovered voilating cases might still be around
63
2.5.4 Motion ActuationMontion actuated interactions have alternatives and can be turned offWe don't have such interactions on the platform
64
65
WCAG 2.1 Level AA91.77%Last improved: summer 2021
66
SectionSummaryCompliance est.Rationale
67
1.3.4 OrientationPortrait/landscape screen orentiation independence100.00%Platform was designed mobile-first and fully responsive from the start
68
1.3.5 Identify Input PurposeInput field porposes are clear to autofill applications95.00%Generally the case. We suspect a few undiscovered voilating cases might still be around
69
1.4.10 ReflowContent (like text) reflows when zoomed in / layout is screensize repsponsive100.00%Platform was designed mobile-first and fully responsive from the start
70
1.4.11 Non-Text ContrastUI components and graphics have 3:1 contrast ratio90.00%Almost all components suffice
71
1.4.12 Text SpacingWhen increasing text spacing with custom CSS, functionality remains95.00%Limited occurences of text clipping with text in a narrow layout that offers little room for growth
72
1.4.13 Content on Hover or FocusContent that appreas on hover/focus is dismissable, hoverable and persistent90.00%Popovers and tooltips that are triggered on hover aren't hoverable or dismissable. Fixes planned.
73
1.4.1.3 Status MessagesActions (e.g. accept, delete, post) are confirmed over screenreaders70.00%
Important actions are mostly all confirmed by live-reading the corresponding snackbar that they produce. Some (especially non-critical) actions are not yet.
74
75
WCAG 2.1 Level AAA
76
Omitted. See rationale at WCAG 2.0 Level AAA
77
78
WCAG 2.2 Level AA94.17%Last improved: december 2021
79
SectionSummaryCompliance est.Rationale
80
2.4.11: Focus Appearance (Minimum)Make sure your focus indicator stands out from the background100.00%We rely on Browser / OS defaults. With no changes to focus indicator the sane defaults from browser/OS aren't void
81
2.4.13: Fixed Reference Points
Make sure your electronic publications have page numbers and those numbers match the printed version, if any.
We don't publish paged articles on our platform
82
2.5.7: Dragging
If a dragging movement is required (e.g. when adjusting a slider), provide an alternative means of dragging such as tapping or clicking.
100.00%
In our case this only pertains to the slider component, scrubbing in a video/document viewer, and swiping presentation slides. By now all have these have alternatives available.
83
2.5.8: Pointer Target Spacing
Make sure all interactive targets (e.g., linked icons) take up at least 44×44 CSS pixels of space. This can include white space around the target.
95.00%
Buttons have minimum size of 32x32px, plus 8px spacing around, which amounts to 40px, where the requirement is 44px (very close, 90%). However in most cases there's even better clearance and larger button sizes. Hence we estimate this at 95% compliance.
84
3.2.6: Findable Help
If you make a help option available, make sure it is available consistently, in the same relative place, so it can be located easily.
70.00%
Contacting support and finding help is done through Intercom. This is consistently available and findable. However in our opinion discoverability can be improved. Improvement is planned for early 2021.
85
3.2.7: Hidden Controls
Any important controls (e.g., an edit button) should remain visible and/or available while that control is relevant and not stay hidden and/or disappear until they receive a mouseover or focus.
100.00%Important controls (or about any for that matter) are never revealed based on hover / focus.
86
3.3.7: Accessible Authentication
If there is a cognitive test to prove you are human (e.g., Captcha), there needs to be an alternative way to authenticate that does not require a cognitive test (e.g., 2-factor authentication).
100.00%We have 1 Captcha during an edge usecase (reCAPTCHA). It supports audio alternatives
87
3.3.8: Redundant Entry
When filling out a form, any previously entered information is available through autofill or selection. Confirming passwords and abandoned forms are exceptions.
Multistep processes with recurring redundant inputs not present on our platform
88
89
90
91
92
93
94
95
96
97
98
99
100