Html accessibility
- 1. Savitribai Phule Pune University
- 2. Introduction Using headings for content structure Using headings correctly Using lists correctly Writing clearly and simply Savitribai Phule Pune University
- 3. About Screen Reader Content Linearization Skimming through content Savitribai Phule Pune University
- 4. Link Text Avoid uninformative link phrases Link Length URLs as link Alternative text for images used as links Link Appearance Underlining Hover and focus effect Links to New Windows, Pop-ups, Other Frames, or External Web Sites Links to Non-HTML Resources Savitribai Phule Pune University
- 5. Site Searches Site Maps or Indexes 1. Alphabetical 2. Structural 3. Graphical Savitribai Phule Pune University
- 6. Need of “Skip Navigation” Links Creating “Skip Navigation” Links 1. Providing visible links at the top of the page 2. Providing visible links elsewhere on the page 3. Making the link invisible 4. Making the link invisible until it receives keyboard focus Alternatives to "Skip Navigation" Links Navigating by headings Savitribai Phule Pune University
- 7. Forms- Ensure Forms are Logical and Easy to Use Ensure Forms are Keyboard Accessible Associate Form Labels with Controls Form Validation <form action="submit.php" onsubmit="return validateform()"> Error Recovery Error alert, then focus Errors on top Inline errors Savitribai Phule Pune University
- 8. Used for content management Frame accessibility Provide frame titles Use correct document type Provide “noframes” content Alternative to Frames 1. Overflow:auto- To display scrollbar when defined area is not sufficeint. 2. Overflow:scroll – To display scrollbars. 3. overflow:hidden- To hide scrollbars. Savitribai Phule Pune University
- 9. Illustrations, descriptions Animations Icons Color and contrast Pixilation of Enlarged Images Graphics That Cause Seizures Following causes seizures- Flash more than 3 times per second Be sufficiently large. A very small flashing image, such as a cursor, will not cause a seizure. Bright. There must be significant contrast between the flashes Savitribai Phule Pune University
- 10. Specify- “Alt” attribute of “image” tag Content and function of image Advanced Images Form image buttons Image slices Background images Logos Complex images(Graphs or charts) Savitribai Phule Pune University
- 11. Lack of a visual emphasis on the web is what causes web designers such stress in trying to get pages to look the way that they want them to look. This pressure is what caused browser software companies to begin to ignore the standards of proper HTML and allow additional visual and layout features or extensions of HTML to work within their browsers. Savitribai Phule Pune University