Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
en:services:general_services:customer_portal:accessibility_web [2020/11/17 11:58]
thinder removed
— (current)
Line 1: Line 1:
-====== Checklist of accessible website design ====== 
- 
-<WRAP center round info 80%> 
-The basis are the international Web Content Accessibility Guidelines (WCAG) 2.1 checklist with the level **AA** https://www.w3.org/WAI/WCAG21/quickref/currentsidebar=%23col_customize&levels=a%2Caaa 
- 
-</WRAP> 
- 
-===== Text(s) / Content(s) ===== 
- 
-^ Done ^ Checkpoints ^ 
-|           | Content brought to the point | 
-|           | Uniform naming of one and the same subject | 
-|           | Subheadings for longer texts/instructions for better structuring and better absorption of content by the readers | 
-|           | "view" and check web pages with a text browser, e.g. links | 
-|           | What happens when you "click" on button/link -> e.g. File Download, opens external web page, opens document / form | 
-|           | Have web pages read aloud using a screen reader, e.g. included in the operating system or freely available | 
-|           | Multilingualism (German/English) | 
- 
-===== Picture(s) ===== 
- 
-^ Done ^ Checkpoints ^ 
-|           | Add alternative text to image(s), if relevant for content/text | 
-|           | Add descriptions to the image(s) (e.g. keywords, what can be seen on the picture, no interpretation(!))  | 
-|           | Resolution must withstand 200x zoom without pixelating | 
- 
-===== Design ===== 
-^ Done  ^ Checkpoints                                                                                                                                         ^ 
-|       | Text typesetting: Left-flush and no justification                                                                                                               | 
-|       | Checking color contrasts (e.g. background color to font color -> high contrast)                                                                     | 
-|       | Checking of color schemes (e.g. for red-green visual impairment -> e.g. lowest possible read/green color values, use symbols for support)  | 
-|       | Font size: 12+                                                                                                                                      | 
-|       | Button size: <....                                                                                                                                  | 
-|       | Sufficiently large distances between individual buttons                                                                       | 
-|       | Intuitive, clear and concise layout                                                                                                        |