A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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 A | 93.92% | Last improved: august 2021 | |||||||||||||||||||||||
8 | Section | Summary | Compliance est. | Rationale | ||||||||||||||||||||||
9 | 1.1.1 – Non-text Content | Provide text alternatives for non-text content | 97.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 content | 80.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 audio | 95.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 alternative | 100.00% | We support this by use of closed captions. Depends on institutions/teachers providing these with their content | ||||||||||||||||||||||
13 | 1.3.1 – Info and Relationships | Logical structure | 95.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 Sequence | Present content in a meaningful order | 85.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 Characteristics | Use more than one sense for instructions | 90.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 Colour | Don’t use presentation that relies solely on colour | 95.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 Control | Don’t play audio automatically | 100.00% | With exception of video/audio player where this meets user intention, this is neber the case. | ||||||||||||||||||||||
18 | 2.1.1 – Keyboard | Accessible by keyboard only | 98.00% | All interactions are keyboard rechable/actionable with rare non-critical exceptions | ||||||||||||||||||||||
19 | 2.1.2 – No Keyboard Trap | Don’t trap keyboard users | 100.00% | A route/state always presents keyboard based escape/back-navigation | ||||||||||||||||||||||
20 | 2.2.1 – Timing Adjustable | Time limits have user controls | 98.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, Hide | Provide user controls for moving content | 100.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 Below | No content flashes more than three times per second | 90.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 Blocks | Provide a ‘Skip to Content’ link | 90.00% | Mostly all relevant pages have a well considered skip-to navigation menu | ||||||||||||||||||||||
24 | 2.4.2 – Page Titled | Use helpful and clear page titles | 90.00% | Only minor areas of improvement | ||||||||||||||||||||||
25 | 2.4.3 – Focus Order | Logical order | 90.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 context | 90.00% | Almost always labeled or clear from context. Some exceptions in non-critical areas exist. | ||||||||||||||||||||||
27 | 3.1.1 – Language of Page | Page has a language assigned | 100.00% | Language is designated appropriately in HTML header. | ||||||||||||||||||||||
28 | 3.2.1 – On Focus | Elements do not change when they receive focus | 100.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 Input | Elements do not change when they receive input | 100.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 Identification | Clearly identify input errors | 85.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 Instructions | Label elements and give instructions | 90.00% | Some exotic fields still need some improvements. Main usecases are well labeled. | ||||||||||||||||||||||
32 | 4.1.1 – Parsing | No major code errors | 100.00% | Use of modern frameworks ensures this by automated checks running since start of development | ||||||||||||||||||||||
33 | 4.1.2 – Name, Role, Value | Build/choose all (third-party) elements for accessibility | 90.00% | Quick checkup on our (limited) use of third party elements indicates very high compliance | ||||||||||||||||||||||
34 | ||||||||||||||||||||||||||
35 | WCAG 2.0 Level AA | 84.90% | Last improved: november 2021 | |||||||||||||||||||||||
36 | Section | Summary | Compliance est. | Rationale | ||||||||||||||||||||||
37 | 1.2.4 – Captions (Live) | Live videos have captions | No live video occurs on our platform | |||||||||||||||||||||||
38 | 1.2.5 – Audio Description (Pre-recorded) | Users have access to audio description for video content | 40.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:1 | 70.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 Text | Text can be resized to 200% without loss of content or function | 100.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 Text | Don’t use images of text | 97.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 Ways | Offer several ways to find and navigate to the same pages | 80.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 Labels | Use clear headings and labels | 90.00% | Generally well structured and labeled. Some pages still exist where this can be improved. | ||||||||||||||||||||||
44 | 2.4.7 – Focus Visible | Ensure keyboard focus is visible and clear | 92.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 Parts | Tell 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 Navigation | Use menus consistently | 95.00% | Benefits of strictly designing with Google's Material design language | ||||||||||||||||||||||
47 | 3.2.4 – Consistent Identification | Use icons and buttons consistently | 90.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 Suggestion | Suggest fixes when users make errors | 95.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 A | 85.18% | Last improved: november 2021 | |||||||||||||||||||||||
58 | Section | Summary | Compliance est. | Rationale | ||||||||||||||||||||||
59 | 2.1.4 Character Key Shortcuts | Single character keyboard shortcuts can be turned off or remapped | 0.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 Gestures | Multitouch and path guestures have simpler alternatives | 90.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 Cancellation | Accidentally click of button can be canceled by sliding outside before releasing | 95.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 Name | Labels contain at least the text that is presented visually | 95.00% | Generally the case. We suspect a few undiscovered voilating cases might still be around | ||||||||||||||||||||||
63 | 2.5.4 Motion Actuation | Montion actuated interactions have alternatives and can be turned off | We don't have such interactions on the platform | |||||||||||||||||||||||
64 | ||||||||||||||||||||||||||
65 | WCAG 2.1 Level AA | 91.77% | Last improved: summer 2021 | |||||||||||||||||||||||
66 | Section | Summary | Compliance est. | Rationale | ||||||||||||||||||||||
67 | 1.3.4 Orientation | Portrait/landscape screen orentiation independence | 100.00% | Platform was designed mobile-first and fully responsive from the start | ||||||||||||||||||||||
68 | 1.3.5 Identify Input Purpose | Input field porposes are clear to autofill applications | 95.00% | Generally the case. We suspect a few undiscovered voilating cases might still be around | ||||||||||||||||||||||
69 | 1.4.10 Reflow | Content (like text) reflows when zoomed in / layout is screensize repsponsive | 100.00% | Platform was designed mobile-first and fully responsive from the start | ||||||||||||||||||||||
70 | 1.4.11 Non-Text Contrast | UI components and graphics have 3:1 contrast ratio | 90.00% | Almost all components suffice | ||||||||||||||||||||||
71 | 1.4.12 Text Spacing | When increasing text spacing with custom CSS, functionality remains | 95.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 Focus | Content that appreas on hover/focus is dismissable, hoverable and persistent | 90.00% | Popovers and tooltips that are triggered on hover aren't hoverable or dismissable. Fixes planned. | ||||||||||||||||||||||
73 | 1.4.1.3 Status Messages | Actions (e.g. accept, delete, post) are confirmed over screenreaders | 70.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 AA | 94.17% | Last improved: december 2021 | |||||||||||||||||||||||
79 | Section | Summary | Compliance est. | Rationale | ||||||||||||||||||||||
80 | 2.4.11: Focus Appearance (Minimum) | Make sure your focus indicator stands out from the background | 100.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 |