Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Accessibility refers to the inclusive practice of removing barriers. When digital products are correctly designed, developed and edited, all users have equal access to information and functionality.

...

  1. Provide Alternative Description for Images

  2. Color and Color Contrast

  3. Create a Logical Reading Order

  4. Create Accessible Data Tables

  5. Accessible Forms

  6. Keyboard Accessibility

  7. Testing for Keyboard Accessibility

  8. Accessible PDFs

  9. Error and Alert Messaging

  10. Audio and Video Related Content

  11. Writing Content for Screen Readers

  12. Testing with Screen Readers

  13. Language Access

  14. Popups and Modal Windows

  15. Links and New Windows

Table of Contents

Table of Contents
outlinetrue
absoluteUrltrue
stylenone

...

Site-orientated content, such as the name of the web site, title of the page, and/or the logo.

<header role="banner"> </header>

main
The main or central content of the page.
<main role="main"></main>

search
This section contains the search functionality for the site.
<form role=”search”></form>

article
Stand-alone content that makes sense out of context from the rest of the document.
<article role=”article”></article>

complementary
Supporting content for the main content. For example, related links in a sidebar.  
<aside role=”complementary”></aside>

contentinfo
Informational child content, such as footnotes, copyrights, links to privacy statement, links to preferences, and so on.
<footer role=”contentinfo”></footer>

Buttons and Role Attribute

...