Accessibility guidelines SlideWiki

This is a draft document which is not complete

1. HTML Semantics:

1. Correct heading order (from <h1> to <h6>)
2. Use semantically meaningful HTML tags (e.g. <aside>, <section>, <footer> instead of <div>)
3. ...

2. Forms:

1. A clear focus color surrounding input fields (WCAG AA contrast ratio of 3:1)
2. Each form field has a connected label (using for or aria-labelledby)
3. Required form fields have a aria-required="true" or required attribute
4. On error:
5. 1. Errors are connected to the fields (using a label with for - or - using aria-labelledby)
6. 2. The focus will go to the first form field with an error
7. 3. The form field will contain an aria-invalid attribute when invalid
8. ...

3. Images:

1. Each image should have a descriptive alt tag
2. ...