Loading presentation…
Opening in Keynote for Mac...
Choose Media…
Your browser isn’t fully supported.
For the best Keynote for iCloud experience, use a supported browser.
Learn More
Cancel
Continue
Advanced
CSS3
•
Description
•
Learn the power of CSS generated content and how to provide alt text for CSS Icons. Avoid using images of text
that pixellate when zoomed! Use advanced text styling and positioning with CSS3! Create flexible, responsive
CSS based layouts that have resizable text on desktop and mobile browsers. Create visually hidden content
with CSS for screen reader users only. Create advanced HTML form styles to indicate invalid and valid inputs.
Learn to never remove CSS Outlines and instead enhance the keyboard focus outline with CSS. Use CSS to
style data tables and semantic lists to improve their usability and readability. Control how VoiceOver for iOS
speaks text and punctuation characters using CSS3. Learn how user style sheets can customize the CSS of all
websites, for example adding a large blue focus outline around buttons and links so they can see tab focus.
•
Key Take-Aways
•
Learn the accessibility features and failures of modern CSS frameworks like Bootstrap, Pure.css, and Semantic
UI. Often times fi xing a CSS Accessibility issue is a matter of overriding the bad styles in these popular web
design frameworks.
•
How do you debug complex accessibility problems caused by a line of CSS buried amongst a thousand other
lines of code? We’ll learn how to use the Web Inspector’s CSS Styles Rules Panel to pinpoint the CSS code
causing bad styles and accessibility problems.
•
Prerequisites
•
Basic understanding of CSS and Inspect Element.
1
