Week 1 Vocab / Terminology
Because of the short week the quiz will be next Thursday (September 8th).
- WCAG stands for ‘Web Content Accessibility Guidelines’. These are guidelines which explain how to make Web content accessible to people with disabilities.
- WCAG 2.0 was published on 11 December 2008. WCAG 2.0 applies broadly to more advanced technologies; is easier to use and understand.
- All images must have appropriate, equivalent alternative text. This means descriptive text like ‘Brandon and Chris on stage receiving bronze medals for Web Design at SkillsUSA Nationals.’, not ‘dorks’ or ‘web design’. You must do this because people with site can tell what is going on in the picture, and you have to give that option to those with disabilities.
- Form buttons have a descriptive value. An example of this would be using ‘Submit registration for weekly newsletters’ rather than ’submit’.
- Semantic markup is used to designate headings (<h1>), lists (<ul>, <ol>, and <dl>), emphasized or special text (<strong>, <code>, <abbr>, <blockquote>, for example), etc. Semantic markup is used appropriately. For example, don’t use paragraphs for headings with different ids; Use an h1 for your main title then h3s for sub headings.
- Color is not used as the sole method of conveying content or distinguishing visual elements. So when you are designing a site, it may look nice to remove the underline from links that are in your pages content, but it is not a good idea. The CAWD site is a great example of what not to do; it is way to hard to tell when there are links in a paragraph of text.
- Text color has a contrast ratio of at least 4.5:1 (4.5 to 1). You can find the contrast ratio of colors using this tool.
- Blocks of text over one sentence in length are no more than 80 characters wide. You can check this using word or open office.
- Blocks of text should not be fully justified (aligned to both the left and the right margins).
- Blocks of text should have line spacing of 1.5 times the size of the font. This mean text that is 12 px in size should have a line spacing of at least 18 px.
- Paragraphs of text should have a paragraph spacing of 1.5 times the line spacing. So paragraphs with size 12 px font, will have a line spacing of 18 px, and then a paragraph spacing of 27 px.
Get Social
