Results for 21Classes
Description
This system is built using two layers. On the first layer, Teachers create a virtual 'classroom' where they can communicate with students. On the second layer, Students can blog within the classroom. Within the classroom, teachers can write news items and assignments. Students can submit assignments using an online form, which sends an email to the teacher. Sample site: http://sotontest.21classes.com.
Accessibility Testing Results
The forms are accessible and relatively easy to use despite the lack of labels in places. The site is keyboard accessible and the rich text editor easy to use. Zoom levels are good and the majority of the text and contrast levels make reading easy when the template is chosen with care.
| # | Test | Score | Summary |
|---|---|---|---|
| 1 | Login, Signup and Other Forms Accessible | ![]() |
Although the labels are missing when it comes to using the screen reader some text forms are read and others fail. |
| 2 | Image ALT Attributes | ![]() |
Difficult to alt-tag images in the rich text editor unless you can write HTML. |
| 3 | Link Target Definitions | ![]() |
All links, including images which would otherwise be ambiguous, have titles to uniquely identify them. |
| 4 | Frame Titles and Layout | ![]() |
No frames or iframes, which can be disorientating for screen-readers, are used in the design. |
| 5 | Removal of Stylesheet | ![]() |
The page is still understandable and functional when it is viewed as a linear document, with no styles. |
| 6 | Audio/Video Features | ![]() |
Videos can be uploaded. Captioning has to have been already added to the video but a text transcription can be added to the blog. |
| 7 | Video/animations - audio descriptions | ![]() |
Audio descriptions can be added to videos before they are uploaded to a blog but they are not part of the service. Text descriptions can be part of the blog. |
| 8 | Appropriate use of Tables | ![]() |
Tables are not used for the design of this website. |
| 9 | Tab Orderings Correct and Logical | ![]() |
Tab order is in a logical and consistent top-to-bottom or left-to-right format. |
| 10 | Page Functionality with Keyboard | ![]() |
The website is fully accessible without the use of a mouse. |
| 11 | Accessibility of Text Editors | ![]() |
This site uses the TinyMCE editor, which is accessible. |
| 12 | Appropriate Feedback with Forms | ![]() |
This site often provides suitable feedback. |
| 13 | Contrast and Colour Check | ![]() |
Some headings impossible to read due to light green on white theme. Theme could be changed, but the default is inadequate. |
| 14 | Page Integrity when Zooming | ![]() |
The website maintains the layout and usability of all critical areas perfectly when zoomed. |
| 15 | Text size, style, blinking elements and Readability | ![]() |
The majority of text on the site is size ten, which is readable but may be uncomfortable for some. |
Disability-Tailored Results
The following table shows how well the product performs for people with disabilities, as listed in the Disabilities section.
Percentages do not indicate how much of a site is accessible. They indicate the average figure of test results relevant to each disability. Select a disability to see which tests are relevant to it.
| Disability | Average Score |
|---|---|
| Dexterity/Mobility | 92% |
| Blind and Severe Visual Impairments | 83% |
| Cognitive Learning Disabilities | 81% |
| Partially Sighted and Visual Acuity | 79% |
| Specific Learning Differences (including Dyslexia) | 73% |
| Deaf/Hard of Hearing | 67% |
| Visual Stress | 67% |
| Colour Deficiencies | 56% |





