The document discusses web accessibility and provides guidance on making websites accessible to people with disabilities. It defines web accessibility as making websites usable for all abilities and disabilities. It discusses standards like WCAG 2.0 and Section 508, assistive technologies, best practices for semantic markup, headings, images, links, tables and forms. It provides tips for getting started with accessibility including following guidelines, training, prioritizing high traffic pages, tracking errors and ensuring online documents are accessible.
8. #a11y
#PSEWEB
#siteimprove
• Mobile Devices (New)
• Interoperability
• Usability
• Accessibility
• Web Experience Toolkit
• http://www.tbs-sct.gc.ca/ws-nw/index-eng.asp
Web Standards For The Government Of Canada
9. #a11y
#PSEWEB
#siteimprove
• Employment
• Information and Communications
• Transportation
• Design of Public Spaces (Built Environment)
• Based on WCAG 2.0
• AODA Compliance Wizard
• http://www.aoda.ca/
Accessibility for Ontarians with Disabilities Act (AODA)
13. #a11y
#PSEWEB
#siteimprove
The <title> element:
• defines a title in the browser toolbar
• displays a title for the page in search engine results
• provides a title when a page is added to favorites
Nuts & Bolts
Title Tags
14. #a11y
#PSEWEB
#siteimprove
• Don't use headings to make text
BIG or bold
• Search engines use your headings to index the
structure and content of your web pages
• Users may skim your pages by headings; use
headings to show the document structure
Nuts & Bolts
Headings
15. #a11y
#PSEWEB
#siteimprove
• Images can enhance comprehension
• Don't use color only as the sole means of conveying meaning
• Use alternative text attributes on your image tags
• Be careful using text within images
• Use the <alt=“ “> null attribute for decorative images
Nuts & Bolts
Graphics
16. #a11y
#PSEWEB
#siteimprove
• Clearly identify the target of each link
• Good link text should not be too general;
don't use "click here."
• Specify a "title" attribute that describes the
target of the link
• Provide a way to bypass or skip a group of links
Nuts & Bolts
Links
17. #a11y
#PSEWEB
#siteimprove
• Use tables to display data, not layout
• Use table headers to organize data
• Make forms logical and easy to use
• Make forms keyboard accessible
• Be sure to use labels with form elements
Nuts & Bolts
Tables and Forms
32. #a11y
#PSEWEB
#siteimprove
• Online documents are a huge part of online communication
across many industries.
• Organizations sometimes rely on their website as
the only way of providing these documents.
• Accessibility of online documents exposes website
owners to the same risks as inaccessible web pages.
How Are Documents Part of Web Accessibility?
Accessible Documents
33. #a11y
#PSEWEB
#siteimprove
• Understand the document’s structure
• Read and understand a document’s content, including text and
images
• Understand and navigate within the document
• Interact with any forms on the document
What Defines an Accessible Document?
Accessible Documents