Semantics and Attributes, CSS Accessibility Features, Color in Web Design, Image Optimizations
Semantics & the Alt Attribute
Discusses the importance of semantics and the alt attribute in web design, including the meaning of different tags, quirks that come along with their use, and alternatives and how best to work around browser failings. The alt attribute and a short discussion on why/how to use it will also be covered.
Provides CSS techniques for web pages and applications that meet WCAG 2.0 criterion and improve the functionality, usability and accessibility of your web pages. Reviews the “hot topic” of tables versus CSS, and differences between use of CSS for presentations and tables. (You might even learn a new technique on how to properly use tables for layout-presentation purposes.) WCAG 2.0 Specifications with CSS: Structure from presentation, letter spacing, sizing, validation, background images, highlighting, formatting, positioning, alternate styles, skip links, list elements, first-letter pseudo property.... and more.
Color Issues in Web Design
As web developers create their content or applications, they need to carefully consideration how color choices can affect accessibility. Colors when used for text, backgrounds, images, etc. can either make the materials come alive and be responsive to the user's needs or throw an accessibility barrier in the user's face. We will look at some of the issues such as the colors themselves, color deficiencies, how our need for contrast changes with age, and more. Then highlighting WCAG 2.0 success criteria, we will introduce tools and explore solutions that will assist you in your efforts to create accessible sites and applications. We will show how small changes can make a big difference in the user's experience.
The purpose of this breakout session is to discuss how image size and image format can cause issues for users.
See the Comprehensive Workshop and WCAG Manuals from the State of Alaska Collaborative Training