Web Content Accessibility Guidelines

We should follow recommendations in WCAG: https://www.w3.org/TR/WCAG21/

This has to be done in all apps.

After this is completed, all merge requeststhat change the frontend need to fulfill WCAG 2.1.

Checklist

• All non-text content (images) have a correct alt attribute
• All input fields have the correct role and purpose (inthe autocomplete attribute as laid out at https://www.w3.org/TR/WCAG21/#input-purposes)
• Colour is not used as the only visual means of conveying information (e.g. red/green icons/buttons)
• Scale factor is not limited to less than 200 percent, and scaling up to 200 percent works without breaking functionality
• Horizontal scrolling is not necessary
• Dashboard auto-updating can be adjusted and disabled
• Focus order (inputs and all active elements like buttons) is meaningful and consistent
• All headings and captions are in proper HTML elements and have proper roles
• Human language of rendered pages is encoded in html tag correctly
• Jargon is explained
• Abbreviations are explained

added workflow::discussing label

Will be discussed at 'the non-technical BiscuIT meeting": https://cloud.teckids.org/apps/polls/poll/Qe26hd0DNspb1UMy

changed due date to November 15, 2019

changed due date to January 10, 2020

changed due date to January 24, 2020

changed due date to February 07, 2020

removed due date

added workflow::confirmed label and removed 1 deleted label

added part::non-technical label

This site is mostly under construction

changed title from Accessibility Manifesto to Web Content Accessibility Guidelines

changed the description

changed the description

marked the checklist item Human language of rendered pages is encoded in html tag correctly as completed

assigned to @fph

marked the checklist item All non-text content (images) have a correct alt attribute as completed

marked the checklist item Focus order (inputs and all active elements like buttons) is meaningful and consistent as completed

The triggering of actions (edit, delete, etc.) should be uniformly designed. Occurrence:Admin - Schoolterms / Dashboard widgets / Check data; Resint; some unofficial apps.

marked the checklist item Scale factor is not limited to less than 200 percent, and scaling up to 200 percent works without breaking functionality as completed

assigned to @lloydmeins and unassigned @fph

changed due date to June 04, 2021

marked the checklist item Colour is not used as the only visual means of conveying information (e.g. red/green icons/buttons) as completed

marked the checklist item Horizontal scrolling is not necessary as completed

Should the auto-updating be turned off by the user or system wide?

Both.

marked the checklist item All headings and captions are in proper HTML elements and have proper roles as completed

marked the checklist item Jargon is explained as completed

marked the checklist item Abbreviations are explained as completed

marked this issue as related to #467

marked this issue as related to #466 (closed)

created merge request !653 (merged) to address this issue

mentioned in merge request !653 (merged)

marked the checklist item Dashboard auto-updating can be adjusted and disabled as completed

marked the checklist item All input fields have the correct role and purpose (inthe autocomplete attribute as laid out at https://www.w3.org/TR/WCAG21/#input-purposes) as completed

With the exception of !653 (merged) we adhere to the linked guidelines.

added board::ready label

closed with merge request !653 (merged)

mentioned in commit 0b1ce1d9