W3C Web Standards
- We use HTML to structure content (into headings, paragraphs, etc.).
- We use CSS to format and layout content for different devices.
- Tab: Navigates to links and form fields.
- Shift + Tab: Navigate backwards.
- Enter: Activates links and buttons.
- Spacebar: Activates checkboxes and buttons.
- Arrow keys: Selects radio buttons, select-menu options, sliders, tab panels, autocomplete, tree menus, etc.
- Titles are labeled with a
- We nest page sections and subsections in a sequential hierarchy of
- Links in the content are underlined.
HTML5 Sectioning Elements
- We use HTML sectioning elements:
<main> (only one
<main> per page),
<p> for paragraphs,
<blockquote> for quotes, and
<time> for times and dates.
We use “skip-links” for readers to skip the navigation and jump directly to the page content.
img elements are given an
- Images that are only decorative, like a logo or icon are marked as decorative.
- Any decorative images in an
img element will have an empty alt (
- Descriptions have been added (for non-visual readers) to understand the contents and purpose of the image in the alternate text.
We offer options for high contrast and grayscale using the toolbar on the right of the browser.
- Size: We offer options for text size to enlarge the text using the toolbar on the right of the browser.
- Font: We use the standard Google font Open Sans throughout the site
<blockquote> tag, and a quote meant to display inline (e.g., within a paragraph) we use a
- Abbreviations: We define acronyms and abbreviations in the
title attribute of the
Audio and Video
- Controls are on each video to start, stop, and pause.
- Subtitles are available on each video under Settings.
- We declare our primary human language in the head:
<html <?php language_attributes(); ?>>.
- Our Forms are Logical and Easy to Use
- Keyboard Accessible
- We provide Form Labels with Controls