Web Accessibility

[et_pb_section bb_built=”1″ admin_label=”section”][et_pb_row admin_label=”row” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”3_4″][et_pb_text background_layout=”light” text_text_color=”#000000″ border_style=”solid” text_font_size=”16″ module_alignment=”left” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.0.82″ box_shadow_position=”outer”]

What is Web Accessibility?

Accessibility describes the effort to make web pages and applications readable by everyone, especially individuals with disabilities.  Accessibility and usability are strongly linked.  By making the web accessible, we are also giving “equal access and equal opportunities to people with diverse abilities”.  For more information on the accessibility efforts of the the W3C, see WAI Home page.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″][et_pb_sidebar _builder_version=”3.0.82″ area=”wmd-sidebars-accessibility” orientation=”left” show_border=”on” background_layout=”light” box_shadow_position=”outer” /][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section bb_built=”1″ admin_label=”section” disabled_on=”on|on|on” disabled=”on”][et_pb_row admin_label=”row” background_position=”top_left” background_repeat=”repeat” background_size=”initial”][et_pb_column type=”3_4″][et_pb_text background_layout=”light” text_text_color=”#000000″ border_style=”solid” text_font_size=”16″ module_alignment=”left” background_position=”top_left” background_repeat=”repeat” background_size=”initial” _builder_version=”3.0.82″ box_shadow_position=”outer”]

WebAIM’s WCAG 2.0 Checklist for HTML documents

A language friendly interpretation of the WCAG 2.0 conformance via a checklist

Tab Index

You can use the tabindex HTML attribute to explicitly set an element’s tab position.

tabindex=”0″

Inserts an element into the natural tab order. The element can be focused by pressing the Tab key.
<button tabindex="0" >Submit</button>

tabindex=”-1″

Removes an element from the natural tab order.
<button tabindex="-1" >Submit</button>

Text Alternatives for Images

To summarize, all images should have an alt attribute, but they need not all have text. Important images should have descriptive alt text that succinctly describes what the image is, while decorative images should have empty alt attributes — that is, alt=””.

[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″][et_pb_sidebar _builder_version=”3.0.82″ area=”wmd-sidebars-accessibility” orientation=”left” show_border=”on” background_layout=”light” box_shadow_position=”outer” /][/et_pb_column][/et_pb_row][/et_pb_section]

One thought on “Web Accessibility