SlideShare a Scribd company logo
Creating Accessible Web Content
Rick Hill
Web CMS Administrator
Office of Strategic Communications
Strategic Communications
Cascade Environment Matters
Decentralized Centralized
CONTENT
CONTROL
• Number of sites, pages, users
• Static or dynamic content
• Server side or client-side
Strategic Communications
Why WCAG 2 AA and not 508?
• 508 based on WGAG 1
• 508 update: WCAG 2 AA
• WCAG 2 is technology agnostic
• International standard
• Can validate against both
Strategic Communications
What is WCAG 2 AA?
• W3C Web Accessibility Initiative
• WCAG 2.0 principles
• Perceivable
• Operable
• Understandable
• Robust
• Conformance levels - A, AA, AAA
Strategic Communications
Basic Design Considerations
• User-centric
• Logical information architecture
• Standard (X)HTML
• Use CSS and JavaScript appropriately
• Use fonts approriately
• Write for the Web
• Optimize content
Strategic CommunicationsStrategic Communications
Cascade Design Tips
• Minimize WYSIWYG editor need
• Data definitions use good practices
• Provide appropriate overides
• Style for hover and focus
Strategic CommunicationsStrategic Communications
Basic Compliance Testing
• Validate
• No mouse
• Disable CSS
• Disable images
• Zoom text
• Check contrast
• Data tables
• Forms
• Multimedia
• Flicker
• Cross browser
• Cross device
Strategic Communications
Robust Compliance Testing
• No tool tests completely
• Free and commercial tools
• Scheduled scans
• AT browsers
• User testing
• Other Web content
• Cascade integrated testing?
Strategic Communications
Training
• Training is important!
• What can a user do:
• Alt for images
• Tables for data only
• Links don’t open new windows/tabs
• iframes
• Writing for the Web
Creating Accessible Web Content

More Related Content

What's hot

3 Flavours of Personalisation with Umbraco
3 Flavours of Personalisation with Umbraco3 Flavours of Personalisation with Umbraco
3 Flavours of Personalisation with Umbraco
Theo Paraskevopoulos
 
WriteBackPlugin Presentation
WriteBackPlugin PresentationWriteBackPlugin Presentation
WriteBackPlugin Presentation
FMS
 
Understanding Microservice Architecture WSO2Con Asia 2016
Understanding Microservice Architecture WSO2Con Asia 2016 Understanding Microservice Architecture WSO2Con Asia 2016
Understanding Microservice Architecture WSO2Con Asia 2016
Sagara Gunathunga
 
Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...
Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...
Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...
JustRelate
 
HighQ Publisher - What's new in publisher 4?
HighQ Publisher - What's new in publisher 4?HighQ Publisher - What's new in publisher 4?
HighQ Publisher - What's new in publisher 4?Ben Wightwick
 
Dynamic Website
Dynamic Website Dynamic Website
Dynamic Website
OGEN Infosystem
 
Build Your Own Tools Using APIs - Pubcon Vegas 2014
Build Your Own Tools Using APIs - Pubcon Vegas 2014Build Your Own Tools Using APIs - Pubcon Vegas 2014
Build Your Own Tools Using APIs - Pubcon Vegas 2014
Brian LaFrance
 
Dynamic Website Designing
Dynamic Website DesigningDynamic Website Designing
Dynamic Website Designing
OGEN Infosystem
 
Monitoring on premise biz talk applications using cloud based power bi saas
Monitoring on premise biz talk applications using cloud based power bi saasMonitoring on premise biz talk applications using cloud based power bi saas
Monitoring on premise biz talk applications using cloud based power bi saas
BizTalk360
 
Cakephp
CakephpCakephp
Cakephp
Ly Channa
 
Single page interface challenges in modern web applications
Single page interface challenges in modern web applicationsSingle page interface challenges in modern web applications
Single page interface challenges in modern web applications
Remus Langu
 

What's hot (11)

3 Flavours of Personalisation with Umbraco
3 Flavours of Personalisation with Umbraco3 Flavours of Personalisation with Umbraco
3 Flavours of Personalisation with Umbraco
 
WriteBackPlugin Presentation
WriteBackPlugin PresentationWriteBackPlugin Presentation
WriteBackPlugin Presentation
 
Understanding Microservice Architecture WSO2Con Asia 2016
Understanding Microservice Architecture WSO2Con Asia 2016 Understanding Microservice Architecture WSO2Con Asia 2016
Understanding Microservice Architecture WSO2Con Asia 2016
 
Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...
Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...
Web Architecture with Infopark's Cloud Platform - Kristian Hanekamp @Cloud De...
 
HighQ Publisher - What's new in publisher 4?
HighQ Publisher - What's new in publisher 4?HighQ Publisher - What's new in publisher 4?
HighQ Publisher - What's new in publisher 4?
 
Dynamic Website
Dynamic Website Dynamic Website
Dynamic Website
 
Build Your Own Tools Using APIs - Pubcon Vegas 2014
Build Your Own Tools Using APIs - Pubcon Vegas 2014Build Your Own Tools Using APIs - Pubcon Vegas 2014
Build Your Own Tools Using APIs - Pubcon Vegas 2014
 
Dynamic Website Designing
Dynamic Website DesigningDynamic Website Designing
Dynamic Website Designing
 
Monitoring on premise biz talk applications using cloud based power bi saas
Monitoring on premise biz talk applications using cloud based power bi saasMonitoring on premise biz talk applications using cloud based power bi saas
Monitoring on premise biz talk applications using cloud based power bi saas
 
Cakephp
CakephpCakephp
Cakephp
 
Single page interface challenges in modern web applications
Single page interface challenges in modern web applicationsSingle page interface challenges in modern web applications
Single page interface challenges in modern web applications
 

Similar to Creating Accessible Web Content

Inclusive Design for Web Development Teams
Inclusive Design for Web Development TeamsInclusive Design for Web Development Teams
Inclusive Design for Web Development Teams
Shayne Rempel
 
Kentico CMS Feature Overview
Kentico CMS Feature OverviewKentico CMS Feature Overview
Kentico CMS Feature Overview
ecwebb
 
Webdesigning course
Webdesigning courseWebdesigning course
Webdesigning coursebaluja
 
HighQ Publisher overview - October 2017
HighQ Publisher overview - October 2017HighQ Publisher overview - October 2017
HighQ Publisher overview - October 2017
Ben Wightwick
 
Patterns for WebCenter Portal Role-Based Content Delivery
Patterns for WebCenter Portal Role-Based Content DeliveryPatterns for WebCenter Portal Role-Based Content Delivery
Patterns for WebCenter Portal Role-Based Content Delivery
John Brunswick
 
From server generated pages to client app in a micro-services world
From server generated pages to client app in a micro-services worldFrom server generated pages to client app in a micro-services world
From server generated pages to client app in a micro-services worldAssaf Gannon
 
Best Practices with Sitecore
Best Practices with SitecoreBest Practices with Sitecore
Best Practices with Sitecore
Anant Corporation
 
IWMW 2003: b8 implementation of a commercial content management system
IWMW 2003: b8 implementation of a commercial content management systemIWMW 2003: b8 implementation of a commercial content management system
IWMW 2003: b8 implementation of a commercial content management system
IWMW
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIATerry Wang
 
A day in the life of a Strategic Product Manager
A day in the life of a Strategic Product ManagerA day in the life of a Strategic Product Manager
A day in the life of a Strategic Product ManagerKim MacFarlane
 
ConvergeSE: State of the state - Digital transformation of NC State Government
ConvergeSE: State of the state - Digital transformation of NC State GovernmentConvergeSE: State of the state - Digital transformation of NC State Government
ConvergeSE: State of the state - Digital transformation of NC State Government
Tera Simon
 
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Anthony Zee
 
Web Standards And Protocols
Web Standards And ProtocolsWeb Standards And Protocols
Web Standards And ProtocolsSteven Cahill
 
Sitecore, the good, the bad and the ugly Code Camp 2016 Skopje
Sitecore, the good, the bad and the ugly Code Camp 2016 SkopjeSitecore, the good, the bad and the ugly Code Camp 2016 Skopje
Sitecore, the good, the bad and the ugly Code Camp 2016 Skopje
Aleksandar Trajanovski
 
Hcl digital experience
Hcl digital experienceHcl digital experience
Hcl digital experience
Roberto Boccadoro
 
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will loveDevelop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
Chris Love
 

Similar to Creating Accessible Web Content (20)

ODell - Resume
ODell - ResumeODell - Resume
ODell - Resume
 
Prashant_Shukla-UI
Prashant_Shukla-UIPrashant_Shukla-UI
Prashant_Shukla-UI
 
Inclusive Design for Web Development Teams
Inclusive Design for Web Development TeamsInclusive Design for Web Development Teams
Inclusive Design for Web Development Teams
 
Kentico CMS Feature Overview
Kentico CMS Feature OverviewKentico CMS Feature Overview
Kentico CMS Feature Overview
 
CGS2835 HTML5
CGS2835 HTML5CGS2835 HTML5
CGS2835 HTML5
 
Webdesigning course
Webdesigning courseWebdesigning course
Webdesigning course
 
HighQ Publisher overview - October 2017
HighQ Publisher overview - October 2017HighQ Publisher overview - October 2017
HighQ Publisher overview - October 2017
 
Patterns for WebCenter Portal Role-Based Content Delivery
Patterns for WebCenter Portal Role-Based Content DeliveryPatterns for WebCenter Portal Role-Based Content Delivery
Patterns for WebCenter Portal Role-Based Content Delivery
 
From server generated pages to client app in a micro-services world
From server generated pages to client app in a micro-services worldFrom server generated pages to client app in a micro-services world
From server generated pages to client app in a micro-services world
 
Best Practices with Sitecore
Best Practices with SitecoreBest Practices with Sitecore
Best Practices with Sitecore
 
IWMW 2003: b8 implementation of a commercial content management system
IWMW 2003: b8 implementation of a commercial content management systemIWMW 2003: b8 implementation of a commercial content management system
IWMW 2003: b8 implementation of a commercial content management system
 
How To Select RIA
How To Select RIAHow To Select RIA
How To Select RIA
 
A day in the life of a Strategic Product Manager
A day in the life of a Strategic Product ManagerA day in the life of a Strategic Product Manager
A day in the life of a Strategic Product Manager
 
ConvergeSE: State of the state - Digital transformation of NC State Government
ConvergeSE: State of the state - Digital transformation of NC State GovernmentConvergeSE: State of the state - Digital transformation of NC State Government
ConvergeSE: State of the state - Digital transformation of NC State Government
 
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
 
SharePoint WCM 2013
SharePoint WCM 2013SharePoint WCM 2013
SharePoint WCM 2013
 
Web Standards And Protocols
Web Standards And ProtocolsWeb Standards And Protocols
Web Standards And Protocols
 
Sitecore, the good, the bad and the ugly Code Camp 2016 Skopje
Sitecore, the good, the bad and the ugly Code Camp 2016 SkopjeSitecore, the good, the bad and the ugly Code Camp 2016 Skopje
Sitecore, the good, the bad and the ugly Code Camp 2016 Skopje
 
Hcl digital experience
Hcl digital experienceHcl digital experience
Hcl digital experience
 
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will loveDevelop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
 

More from hannonhill

Cascade + Bootstrap = Awesome
Cascade + Bootstrap = AwesomeCascade + Bootstrap = Awesome
Cascade + Bootstrap = Awesome
hannonhill
 
Web Governance Crash Course: Creating a Sustainable Digital Transformation
Web Governance Crash Course: Creating a Sustainable Digital TransformationWeb Governance Crash Course: Creating a Sustainable Digital Transformation
Web Governance Crash Course: Creating a Sustainable Digital Transformation
hannonhill
 
Optimizing MySQL for Cascade Server
Optimizing MySQL for Cascade ServerOptimizing MySQL for Cascade Server
Optimizing MySQL for Cascade Server
hannonhill
 
Using Cascade technology to increase SEO/Landing Page Optimization
Using Cascade technology to increase SEO/Landing Page OptimizationUsing Cascade technology to increase SEO/Landing Page Optimization
Using Cascade technology to increase SEO/Landing Page Optimization
hannonhill
 
Information Architecture and User Experience: The Journey, The Destination, T...
Information Architecture and User Experience: The Journey, The Destination, T...Information Architecture and User Experience: The Journey, The Destination, T...
Information Architecture and User Experience: The Journey, The Destination, T...
hannonhill
 
2 Men 1 Site
2 Men 1 Site2 Men 1 Site
2 Men 1 Site
hannonhill
 
Connecting Ecommerce & Centralized Analytics to Cascade Server
Connecting Ecommerce & Centralized Analytics to Cascade ServerConnecting Ecommerce & Centralized Analytics to Cascade Server
Connecting Ecommerce & Centralized Analytics to Cascade Server
hannonhill
 
Data Modeling with Cascade Server and HighCharts JS
Data Modeling with Cascade Server and HighCharts JSData Modeling with Cascade Server and HighCharts JS
Data Modeling with Cascade Server and HighCharts JS
hannonhill
 
Modernizing Internal Communications with Cascade Server, WordPress and MailCh...
Modernizing Internal Communications with Cascade Server, WordPress and MailCh...Modernizing Internal Communications with Cascade Server, WordPress and MailCh...
Modernizing Internal Communications with Cascade Server, WordPress and MailCh...
hannonhill
 
Fun with Cascade Server!
Fun with Cascade Server!Fun with Cascade Server!
Fun with Cascade Server!
hannonhill
 
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
Accessibility in Practice:  Integrating Web Accessibility into Cascade TrainingAccessibility in Practice:  Integrating Web Accessibility into Cascade Training
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
hannonhill
 
Crowdsourced Maps: From Google Forms to Fusion Tables to Cascade Server
Crowdsourced Maps: From Google Forms to Fusion Tables to Cascade ServerCrowdsourced Maps: From Google Forms to Fusion Tables to Cascade Server
Crowdsourced Maps: From Google Forms to Fusion Tables to Cascade Server
hannonhill
 
Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...
	Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...	Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...
Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...
hannonhill
 
Climbing Migration Mountain: 200+ Sites from the Ground Up
Climbing Migration Mountain: 200+ Sites from the Ground UpClimbing Migration Mountain: 200+ Sites from the Ground Up
Climbing Migration Mountain: 200+ Sites from the Ground Up
hannonhill
 
In Pursuit of the Grand Unified Template
In Pursuit of the Grand Unified TemplateIn Pursuit of the Grand Unified Template
In Pursuit of the Grand Unified Template
hannonhill
 
Cusestarter or How We Built Our Own Crowdfunding Platform
Cusestarter or How We Built Our Own Crowdfunding PlatformCusestarter or How We Built Our Own Crowdfunding Platform
Cusestarter or How We Built Our Own Crowdfunding Platform
hannonhill
 
Web Services: Encapsulation, Reusability, and Simplicity
Web Services: Encapsulation, Reusability, and SimplicityWeb Services: Encapsulation, Reusability, and Simplicity
Web Services: Encapsulation, Reusability, and Simplicity
hannonhill
 
Cascade Server: Past, Present, and Future!
Cascade Server: Past, Present, and Future!Cascade Server: Past, Present, and Future!
Cascade Server: Past, Present, and Future!
hannonhill
 
Web Forms, or How I Learned to Stop Worrying and Love Web Services
Web Forms, or How I Learned to Stop Worrying and Love Web ServicesWeb Forms, or How I Learned to Stop Worrying and Love Web Services
Web Forms, or How I Learned to Stop Worrying and Love Web Services
hannonhill
 
Outputting Their Full Potential: Using Outputs for Site Redesigns and Develo...
Outputting Their Full Potential: Using Outputs for Site Redesigns andDevelo...Outputting Their Full Potential: Using Outputs for Site Redesigns andDevelo...
Outputting Their Full Potential: Using Outputs for Site Redesigns and Develo...
hannonhill
 

More from hannonhill (20)

Cascade + Bootstrap = Awesome
Cascade + Bootstrap = AwesomeCascade + Bootstrap = Awesome
Cascade + Bootstrap = Awesome
 
Web Governance Crash Course: Creating a Sustainable Digital Transformation
Web Governance Crash Course: Creating a Sustainable Digital TransformationWeb Governance Crash Course: Creating a Sustainable Digital Transformation
Web Governance Crash Course: Creating a Sustainable Digital Transformation
 
Optimizing MySQL for Cascade Server
Optimizing MySQL for Cascade ServerOptimizing MySQL for Cascade Server
Optimizing MySQL for Cascade Server
 
Using Cascade technology to increase SEO/Landing Page Optimization
Using Cascade technology to increase SEO/Landing Page OptimizationUsing Cascade technology to increase SEO/Landing Page Optimization
Using Cascade technology to increase SEO/Landing Page Optimization
 
Information Architecture and User Experience: The Journey, The Destination, T...
Information Architecture and User Experience: The Journey, The Destination, T...Information Architecture and User Experience: The Journey, The Destination, T...
Information Architecture and User Experience: The Journey, The Destination, T...
 
2 Men 1 Site
2 Men 1 Site2 Men 1 Site
2 Men 1 Site
 
Connecting Ecommerce & Centralized Analytics to Cascade Server
Connecting Ecommerce & Centralized Analytics to Cascade ServerConnecting Ecommerce & Centralized Analytics to Cascade Server
Connecting Ecommerce & Centralized Analytics to Cascade Server
 
Data Modeling with Cascade Server and HighCharts JS
Data Modeling with Cascade Server and HighCharts JSData Modeling with Cascade Server and HighCharts JS
Data Modeling with Cascade Server and HighCharts JS
 
Modernizing Internal Communications with Cascade Server, WordPress and MailCh...
Modernizing Internal Communications with Cascade Server, WordPress and MailCh...Modernizing Internal Communications with Cascade Server, WordPress and MailCh...
Modernizing Internal Communications with Cascade Server, WordPress and MailCh...
 
Fun with Cascade Server!
Fun with Cascade Server!Fun with Cascade Server!
Fun with Cascade Server!
 
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
Accessibility in Practice:  Integrating Web Accessibility into Cascade TrainingAccessibility in Practice:  Integrating Web Accessibility into Cascade Training
Accessibility in Practice: Integrating Web Accessibility into Cascade Training
 
Crowdsourced Maps: From Google Forms to Fusion Tables to Cascade Server
Crowdsourced Maps: From Google Forms to Fusion Tables to Cascade ServerCrowdsourced Maps: From Google Forms to Fusion Tables to Cascade Server
Crowdsourced Maps: From Google Forms to Fusion Tables to Cascade Server
 
Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...
	Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...	Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...
Superautomatic! Data Feeds, Bricks, and Blocks, with Server-side Transformat...
 
Climbing Migration Mountain: 200+ Sites from the Ground Up
Climbing Migration Mountain: 200+ Sites from the Ground UpClimbing Migration Mountain: 200+ Sites from the Ground Up
Climbing Migration Mountain: 200+ Sites from the Ground Up
 
In Pursuit of the Grand Unified Template
In Pursuit of the Grand Unified TemplateIn Pursuit of the Grand Unified Template
In Pursuit of the Grand Unified Template
 
Cusestarter or How We Built Our Own Crowdfunding Platform
Cusestarter or How We Built Our Own Crowdfunding PlatformCusestarter or How We Built Our Own Crowdfunding Platform
Cusestarter or How We Built Our Own Crowdfunding Platform
 
Web Services: Encapsulation, Reusability, and Simplicity
Web Services: Encapsulation, Reusability, and SimplicityWeb Services: Encapsulation, Reusability, and Simplicity
Web Services: Encapsulation, Reusability, and Simplicity
 
Cascade Server: Past, Present, and Future!
Cascade Server: Past, Present, and Future!Cascade Server: Past, Present, and Future!
Cascade Server: Past, Present, and Future!
 
Web Forms, or How I Learned to Stop Worrying and Love Web Services
Web Forms, or How I Learned to Stop Worrying and Love Web ServicesWeb Forms, or How I Learned to Stop Worrying and Love Web Services
Web Forms, or How I Learned to Stop Worrying and Love Web Services
 
Outputting Their Full Potential: Using Outputs for Site Redesigns and Develo...
Outputting Their Full Potential: Using Outputs for Site Redesigns andDevelo...Outputting Their Full Potential: Using Outputs for Site Redesigns andDevelo...
Outputting Their Full Potential: Using Outputs for Site Redesigns and Develo...
 

Recently uploaded

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 

Recently uploaded (20)

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 

Creating Accessible Web Content

Editor's Notes

  1. Centralized controlCentrally managed hosting platformCentrally managed Cascade templates/codeLimited flexibility (perhaps no CSS, JS, or WYSIWYG)Content created or approved by a trained core groupEasiest model for ensuring accessibility complianceDistributed controlClients provide hosting platformCentrally managed Cascade templates/codeContent flexibility (client can create CSS, JS, WYSIWYG)Content created by clients (perhaps with oversight/training)More effort required to maintain accessibility complianceDecentralized controlClients provide hosting platformClients can create Cascade templates/codeContent flexibility (CSS, JavaScript, WYSIWYG)Clients create contentMaximum effort to maintain compliance
  2. Per research at http://blog.powermapper.com/blog/post/Government-Accessibility-Standards.aspx“ …adoption of WCAG 2 is progressing steadily and becoming increasingly important:The governments of Australia, Canada, France, Germany, Hong Kong, Japan and New Zealand have already adopted WCAG 2.UK government sites must comply with either WCAG 1 AA or WCAG 2 AA.In the US, Section 508 is being refreshed to harmonize with WCAG 2.The European Commission is investigating a move to WCAG 2 as a European government standard, but this is complicated by competing national standards in Germany (BITV) and Italy.”
  3. W3C Web Accessibility Initiative: http://www.w3.org/WAI/PerceivableInformation and user interface components must be presentable to users in ways they can perceive (site, sound and touch)Information is transformable from one form into another, so that it can be perceived in multiple waysFirststep to accessibility upon which all others are based, and without which accessibility cannot happenContent should be separable from the way it is styled or presentedOperableUser interface components (froms and controls) and navigation must be operableNot everyone uses a standard keyboard and mouse to access the webKeyboard accessibility cuts across disability types and technologiesUsers can find, navigate through, and interact with web content: search site mapsBypass information: skip navigationSemantic markup Error recoveryUnderstandableWeb information and the operation of the user interface must be understandableWriting is simple, concise and appropriateAlternative or suplemental presentationsFunctionality is understandable as wellRobustContent can be interpreted reliably by a wide variety of user agents, including assistive technologiesUsers should be allowed to choose their own technologies to access web contentLimit full support to a subset of technologies that is not too restrictive is a reasonable approachUse technology according to specification (like HTML)Understanding Conformance: http://www.w3.org/TR/2013/NOTE-UNDERSTANDING-WCAG20-20130905/conformance.htmlIntroduction to WCAG:http://www.w3.org/WAI/intro/wcag.phpWCAG 2 Quick Reference:http://www.w3.org/WAI/WCAG20/quickref/
  4. User-centricYou do not control the user experience, only contentLogical information architectureSite is logically arranged/linkedNavigation is is consistent and clearUse standard (X)HTMLBasis of accessibilityHTML 4.01, XHTML 1.0, XHTML 1.1, HTML 5Specify page DOCTYPE : http://www.w3.org/QA/2002/04/valid-dtd-list.htmlDeclare the natural language of the page: http://www.w3.org/International/articles/language-tags/NOTE: XHTML 5 has elements that are not yet accessible. Check before you use. http://html5accessibility.com/NOTE: HTML 4.01 is a fine standard, but Cascade will markit up out of spec.Use CSS and JavaScript appropriatelyDon’t use deprecated HTML tags for presentationDon’t use CSS for contentStyle for hover and focusDon’t use JavaScript when HTML tags will workUse fonts appropriatelyResizable to 200%: use em’s or % for sizing wherever possibleAvoid small fontsUse consistent font facesLimit font variations (bold, italics, and ALL CAPs)Write for the WebFront loaded contentConcise where possible: Use a list rather than a paragraphAudience appropriateOptimize contentImage sizesMinify CSS and JavascriptEnable Web server cachingPage load speed: http://www.atulperx.com/tools/page-speed-optimization-tools/
  5. Minimize WYSIWYG editor needUsing datadefinitions to provide form based content editing provides more controlData definitions use good practicesData definitions and associated formats should generate compliant (X)HTMLProvide appropriate overidesAllow users flexibility to override default page language or header levels (lang and H)Style for hover and focusIf using a CSS reset, redefine hover/focus functionalityWhereever there is a hover style, alos make it a focus style
  6. ValidateW3C Validators: http://www.w3.org/QA/Tools/No mouseYou can interact with all controls, links, and menusYou see what item has focus and focus order matches the intended interaction orderNo keyboard trapDisable CSSUsers may apply a custom style sheetImportant content, controls, icons, or other actionable elements still visibleContent still displayed in a reasonable, easy to understand orderDisable imagesContent makes senseAll images have an alt and it is used appropriately (links, charts, pictures, decoration)Important controls are still availableZoom textUsers may enlarge their default browser text size text to make it easier to readAt 200% text increase, content is all still visible and doesn’t overlapCheck contrastForeground and background colors need sufficient contrast to allow content (text) to be readableSome color combinations don’t work well for the three types of color blindnessTools available for automating this testData tablesUse tables for data, not layoutEnsure column and rows are identified (th, scope, id/hdr)Split complex tables into simple tablesFormsAll inputs need a label (id/for)Use fieldsets to group associated inputsAppropriate error messages are displayedMultimediaVideo with informational audio is captionedAudio tracks with information have transcriptsCross browserMake sure content works across different browsers and operating systemsCross deviceHow well does content function of different platformsHow well does content function in different resolutions
  7. No tool tests completelyAutomated tools test at most 30% of possible accessibility issuesFree and commercial toolsThere are many tools available as standalone applications, browser plugins, or on-line that assist with testingMost free tools test only one pages at a timeSome of these are included in the handouts and in the resource downloadScheduled scansCommercial tools can spider sites on a scheduled basisAT browsersScreen readers: like NVDA or JawsSimulatorsOther AT browsersNot necessarily the same experience as user of the technologyUser testingUser testing is valuableCostly in terms of time and resourcesNeed to separate user preference from actual issuesTesting for combinations of disabilities?Commercial resources available, but at a costOther Web contentAnything content that displays on your Web site should be accessible.Third party content (iframes, Google, Face book, RSS)PDF’s need to be compliantEven slide presentationsWeb application testing more difficult where client-side coding is usedARIACascade integrated testing?Hannon Hill has explored leveraging a tool through and API to provide more accessibility testing prior to (?) content publishingSome checks can be down using CSS: http://www.karlgroves.com/2013/09/07/diagnostic-css-super-quick-web-accessibility-testing/
  8. User training for content providers and Web developers is a mustIf users can edit content, then they can make inaccessible contentAlt for imagesWhat is the appropriate alt attribute for an photo, a photo with a caption, a photo that is a link, a table or chart?Tables for data onlyIf user can access the WYSIWYG editor, they can create tablesThey should be provide methods for producing columnar content without resorting to tables for layoutLinks don’t open new windows/tabsIn general, links should not spawn new windows or tabsRemoves control from the userNo back buttonIframesUsers need to understand that content displayed on their page through the use of iframes my not be accessibleIframes should be correctly labeledWriting for the WebIs it appropriate for the intended audience?Is it appropriate for the Web or for a different medium?