SlideShare a Scribd company logo
ATAG & Drupal 8 
Making it easier to produce a11y content!
About me! 
Drupal 8 Core Accessibility Maintainer 
Spearheading accessibility improvements since 
2008. 
Mike Gifford 
President 
OpenConcept Consulting Inc. 
Ottawa, Canada 
http://openconcept.ca
Authoring Tool A11y Guidelines 
ATAG is well defined, but still getting baked. 
W3C Working Draft 7 November 2013
Drupal 8 
Drupal 8’s also still a work in progress. 
Expected to release in 2015. 
https://www.drupal.org/project/issues/search?i 
ssue_tags=atag
Why ATAG Matters 
As much as designers, themers & developers 
might want …. less technical people are 
usually going to be producing most of the 
content of a website. 
If a site is going to be accessible...
The Legal 
The UN Convention on the Rights of 
Disabilities … 
AODA 
GoC
What is Content Anyways? 
Articles, Stories, Blogs, Articles, FAQ’s… 
Anything that convey’s meaning between the 
website & the user. 
Images, videos, charts, tables...
Creating Something Great! 
❖ Compelling 
❖ Meaningful 
❖ Semantic 
❖ Personalized 
❖ Localized 
❖ Interactive
How Can a CMS Help? 
❖ Consistency 
❖ Structure 
❖ Workflow 
❖ Data analysis 
❖ Simple Checks 
❖ Updates
CKEditor 
Most user edited content will be coming 
through CKEditor, so putting pressure on 
their bugs is important! 
IBM is leading the accessibility improvements 
for CKEditor for both WCAG & ATAG.
Images 
Required text 
When is alt=”” appropriate 
HTML5 support for longdesc 
Knowing how to use it properly for AT 
figure/figcaption
Spelling 
It’s really hard for a machine to correctly read 
(a screen reader) a mis-spelled word, or 
click on a misspelled link using voice 
commands (Dragon Naturally Speaking) 
Also usually bad for SEO.
Readability & Broken HTML 
There are open source programs to assess 
readability. 
Several filters address broken HTML, sadly, 
none seem to be keeping up with HTML5.
ATAG Parts A & B 
A) Make the editing interface accessible 
(WCAG) 
B) Essentially WCAG P.O.U.R. - Support the 
Production of Accessible Content
A3 Editing-views are operable 
❖ Provide keyboard access to authoring features 
❖ Provide authors with enough time 
❖ Help authors avoid flashing content that could cause seizures 
➢ Slow animations and motion sickness - 
https://www.drupal.org/node/2316205 
❖ Enhance navigation and editing via content structure 
❖ Provide text search of the content 
❖ Allow users to manage preference settings 
❖ Ensure that previews are at least as accessible as user agents - (Coming 
in D8)
A4 Editing-views are understandable 
Help authors avoid and correct mistakes 
➢ Fixing broken HTML 
➢ Highly structured semantic content 
➢ Required images 
Document the user interface, including all 
accessibility features - (Not yet)
B1 Auto-Processes & A11y Content 
❖ Ensure that automatically-specified content 
is accessible (CKEditor) 
➢ Drupal 8 is doing pretty well. 
❖ Ensure that accessibility information is 
preserved (CKEditor) 
➢ Cut/Paste from Word
B2 Support Content Authors 
❖ Ensure that accessible content production is possible 
❖ Guide authors to produce accessible content 
❖ Assist authors with managing alternative content for 
non-text content 
❖ Assist with accessible templates 
❖ Assist with accessible pre-authored content
B3 Support A11y of Existing Content 
❖ Assist authors in checking for accessibility 
problems 
❖ Assist authors in repairing accessibility 
problems
B4 Promote Accessibility Features 
❖ Ensure the availability of features that 
support the production of accessible content 
❖ Ensure that documentation promotes the 
production of accessible content
Conclusion... 
Accessibility is complicated… Making it easier 
to create accessible content is more 
complicated… But by working together we 
can make it easier for everyone to work 
together.
Thanks!!! 
This presentation will be at http://openconcept.ca/blog 
OpenConcept Consulting Inc http://openconcept.ca 
@mgifford 
@openconcept_ca 
http://openconcept.ca

More Related Content

PDF
Hinting at a better web
Christian Heilmann
 
PPTX
Develop, Debug, Learn? - Dotjs2019
Christian Heilmann
 
PDF
Extending the web: Maps, the commons, and pie
Igalia
 
PPTX
Web components, so close!
Aleks Zinevych
 
ODP
WordPress, HTML5 and CSS3
Michael McCallister
 
PDF
Drupal 8 as a Drop-In Content Engine - SymfonyLive Berlin 2015
Jeffrey McGuire
 
PDF
Seven ways to be a happier JavaScript developer - NDC Oslo
Christian Heilmann
 
PDF
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66-123-168
Thinkful
 
Hinting at a better web
Christian Heilmann
 
Develop, Debug, Learn? - Dotjs2019
Christian Heilmann
 
Extending the web: Maps, the commons, and pie
Igalia
 
Web components, so close!
Aleks Zinevych
 
WordPress, HTML5 and CSS3
Michael McCallister
 
Drupal 8 as a Drop-In Content Engine - SymfonyLive Berlin 2015
Jeffrey McGuire
 
Seven ways to be a happier JavaScript developer - NDC Oslo
Christian Heilmann
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-13-66-123-168
Thinkful
 

What's hot (20)

PDF
Empathetc Development
Kyle Evans
 
PDF
Bwhtmlpdx0809
Thinkful
 
PDF
Frontend Crash Coarse 09/28
Ivy Rueb
 
PDF
Twig in the Wild
JeremyKoulish
 
PDF
Tf byows
Shannon Gallagher
 
PDF
WordCamp Birmingham 2015 - Theme building workshop
Jonny Allbut
 
PDF
Tf byow
Shannon Gallagher
 
PDF
Tf byow
Shannon Gallagher
 
PDF
Tf byowwhc
Shannon Gallagher
 
PDF
Tf byowwhc
Shannon Gallagher
 
PDF
Your Future HTML: The Evolution of Site Design with Web Components
Ken Tabor
 
PDF
Rapid WordPress theme development
Jonny Allbut
 
PDF
Tf byows
Shannon Gallagher
 
PDF
Byowwhc117
Thinkful
 
PDF
Byowwhc117
Thinkful
 
KEY
Conferences andcommunity
Jeff Carouth
 
PPTX
Implementing a Multi-Device Approach to E-learning Design (US Session)
Raptivity
 
PDF
From 0 to MVP in 40 minutes: decoupled Drupal for startups
Jeffrey McGuire
 
PPTX
The Art Of Documentation for Open Source Projects
Ben Hall
 
PDF
WordCamp Birmingham 2015 - Theme building tricks of the trade
Jonny Allbut
 
Empathetc Development
Kyle Evans
 
Bwhtmlpdx0809
Thinkful
 
Frontend Crash Coarse 09/28
Ivy Rueb
 
Twig in the Wild
JeremyKoulish
 
WordCamp Birmingham 2015 - Theme building workshop
Jonny Allbut
 
Tf byowwhc
Shannon Gallagher
 
Tf byowwhc
Shannon Gallagher
 
Your Future HTML: The Evolution of Site Design with Web Components
Ken Tabor
 
Rapid WordPress theme development
Jonny Allbut
 
Byowwhc117
Thinkful
 
Byowwhc117
Thinkful
 
Conferences andcommunity
Jeff Carouth
 
Implementing a Multi-Device Approach to E-learning Design (US Session)
Raptivity
 
From 0 to MVP in 40 minutes: decoupled Drupal for startups
Jeffrey McGuire
 
The Art Of Documentation for Open Source Projects
Ben Hall
 
WordCamp Birmingham 2015 - Theme building tricks of the trade
Jonny Allbut
 
Ad

Viewers also liked (20)

PDF
Inseptra company product solutions v2 26092014
Mustafa Kuğu
 
PPTX
حضارة المسلمين
Motasem Ash
 
PPTX
Trek2Freedom
Susan Thompson
 
PPTX
Pdhpe
ZAINABRASHED
 
PDF
Eta introdution
Lee Joe
 
PPTX
yammer
Ioana Stanescu
 
PDF
Transecq ITA
transecq
 
PDF
College1 12.10.2015
Ioana Stanescu
 
PPTX
Turist în orașul meu craiova
Gheorghitoiumaria
 
PPTX
Xavier
nikkaan
 
KEY
Dr.living
StPatricks
 
PDF
Informe iº trimestre 2012
Daniel Francisco Doffo
 
PPTX
Útmutató-Hogy változtasd vevökké a Facebook rajongóidat
Gabriella Lakatos
 
PDF
Informe para blog
Daniel Francisco Doffo
 
PPTX
Our cool japan
Linh MP. Pham
 
PDF
Beliefs of preservice teachers toward art education
Nurnabihah Mohamad Nizar
 
PPT
Hot500 overview
Wist Ltd
 
PDF
Ser ppb2
ruralfringe
 
PPT
Git installation and configuration
Kishor Kumar
 
PDF
Celestino tarambana [1] Lectura Guiada
Xoch Itl
 
Inseptra company product solutions v2 26092014
Mustafa Kuğu
 
حضارة المسلمين
Motasem Ash
 
Trek2Freedom
Susan Thompson
 
Eta introdution
Lee Joe
 
Transecq ITA
transecq
 
College1 12.10.2015
Ioana Stanescu
 
Turist în orașul meu craiova
Gheorghitoiumaria
 
Xavier
nikkaan
 
Dr.living
StPatricks
 
Informe iº trimestre 2012
Daniel Francisco Doffo
 
Útmutató-Hogy változtasd vevökké a Facebook rajongóidat
Gabriella Lakatos
 
Informe para blog
Daniel Francisco Doffo
 
Our cool japan
Linh MP. Pham
 
Beliefs of preservice teachers toward art education
Nurnabihah Mohamad Nizar
 
Hot500 overview
Wist Ltd
 
Ser ppb2
ruralfringe
 
Git installation and configuration
Kishor Kumar
 
Celestino tarambana [1] Lectura Guiada
Xoch Itl
 
Ad

Similar to Atag & drupal 8 (20)

PDF
Website Accessibility FAQs by Mediacurrent
Mediacurrent
 
PPTX
How is Drupal Ensuring the Web Accessibility Standards?
OpenSense Labs
 
PPTX
Web Accessibility
Vikram Gupta
 
PDF
Do the right thing: accessibility and inclusive design (with Drupal)
cspin
 
PDF
Tools And Techniques For Evaluating Accessibility
Rachel Cherry
 
PDF
Understanding and Supporting Web Accessibility
Rachel Cherry
 
PPT
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
David Sloan
 
PDF
Website Accessibility: The Internet is for Everyone
Carie Fisher, MS, CPWA
 
PDF
Accessibility and Web Technologies @HTML5_Toronto
George Zamfir
 
PDF
Web Accessibility: Showing your users you care
Todd Milliken
 
PPTX
Backend accessible
Mark Casias
 
PDF
Accessibility: Proven, easy integration into design and development workflows
Robert Jolly
 
PDF
Web accessibility 101: The why, who, what, and how of "a11y"
ecentricarts
 
PDF
Web a11y beyond guidelines
rach123
 
PPTX
Siegman "Creating Accessible Content"
National Information Standards Organization (NISO)
 
PPTX
Backing yourself into an Accessible Corner
Mark Casias
 
PPTX
Digital accessibility intro 2021
Joshua Randall
 
PDF
Don't Panic! How to perform an accessibility evaluation with limited resources
Michael Ryan
 
PDF
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Whole Brain Group, LLC
 
PPTX
A11y presentation-2017
Kevin Erickson, CSM
 
Website Accessibility FAQs by Mediacurrent
Mediacurrent
 
How is Drupal Ensuring the Web Accessibility Standards?
OpenSense Labs
 
Web Accessibility
Vikram Gupta
 
Do the right thing: accessibility and inclusive design (with Drupal)
cspin
 
Tools And Techniques For Evaluating Accessibility
Rachel Cherry
 
Understanding and Supporting Web Accessibility
Rachel Cherry
 
Never mind the content: the importance of Authoring Tools in achieving Web Ac...
David Sloan
 
Website Accessibility: The Internet is for Everyone
Carie Fisher, MS, CPWA
 
Accessibility and Web Technologies @HTML5_Toronto
George Zamfir
 
Web Accessibility: Showing your users you care
Todd Milliken
 
Backend accessible
Mark Casias
 
Accessibility: Proven, easy integration into design and development workflows
Robert Jolly
 
Web accessibility 101: The why, who, what, and how of "a11y"
ecentricarts
 
Web a11y beyond guidelines
rach123
 
Siegman "Creating Accessible Content"
National Information Standards Organization (NISO)
 
Backing yourself into an Accessible Corner
Mark Casias
 
Digital accessibility intro 2021
Joshua Randall
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Michael Ryan
 
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Whole Brain Group, LLC
 
A11y presentation-2017
Kevin Erickson, CSM
 

Recently uploaded (20)

PPTX
The Latest Scam Shocking the USA in 2025.pptx
onlinescamreport4
 
PPTX
Crypto Recovery California Services.pptx
lionsgate network
 
PPTX
dns domain name system history work.pptx
MUHAMMADKAVISHSHABAN
 
PPTX
How tech helps people in the modern era.
upadhyayaryan154
 
PPTX
Different Generation Of Computers .pptx
divcoder9507
 
PDF
Data Protection & Resilience in Focus.pdf
AmyPoblete3
 
PDF
Cybersecurity Awareness Presentation ppt.
banodhaharshita
 
PPTX
Slides Powerpoint: Eco Economic Epochs.pptx
Steven McGee
 
PPTX
Microsoft PowerPoint Student PPT slides.pptx
Garleys Putin
 
PPTX
AI ad its imp i military life read it ag
ShwetaBharti31
 
PPTX
The Internet of Things (IoT) refers to a vast network of interconnected devic...
chethana8182
 
PPTX
办理方法西班牙假毕业证蒙德拉贡大学成绩单MULetter文凭样本
xxxihn4u
 
PDF
LB# 820-1889_051-7370_C000.schematic.pdf
matheusalbuquerqueco3
 
PDF
The Internet of Things (IoT) refers to a vast network of interconnected devic...
chethana8182
 
PDF
PDF document: World Game (s) Great Redesign.pdf
Steven McGee
 
PPTX
Parallel & Concurrent ...
yashpavasiya892
 
PPTX
Google SGE SEO: 5 Critical Changes That Could Wreck Your Rankings in 2025
Reversed Out Creative
 
PPTX
Artificial-Intelligence-in-Daily-Life (2).pptx
nidhigoswami335
 
PPTX
原版北不列颠哥伦比亚大学毕业证文凭UNBC成绩单2025年新版在线制作学位证书
e7nw4o4
 
PDF
DNSSEC Made Easy, presented at PHNOG 2025
APNIC
 
The Latest Scam Shocking the USA in 2025.pptx
onlinescamreport4
 
Crypto Recovery California Services.pptx
lionsgate network
 
dns domain name system history work.pptx
MUHAMMADKAVISHSHABAN
 
How tech helps people in the modern era.
upadhyayaryan154
 
Different Generation Of Computers .pptx
divcoder9507
 
Data Protection & Resilience in Focus.pdf
AmyPoblete3
 
Cybersecurity Awareness Presentation ppt.
banodhaharshita
 
Slides Powerpoint: Eco Economic Epochs.pptx
Steven McGee
 
Microsoft PowerPoint Student PPT slides.pptx
Garleys Putin
 
AI ad its imp i military life read it ag
ShwetaBharti31
 
The Internet of Things (IoT) refers to a vast network of interconnected devic...
chethana8182
 
办理方法西班牙假毕业证蒙德拉贡大学成绩单MULetter文凭样本
xxxihn4u
 
LB# 820-1889_051-7370_C000.schematic.pdf
matheusalbuquerqueco3
 
The Internet of Things (IoT) refers to a vast network of interconnected devic...
chethana8182
 
PDF document: World Game (s) Great Redesign.pdf
Steven McGee
 
Parallel & Concurrent ...
yashpavasiya892
 
Google SGE SEO: 5 Critical Changes That Could Wreck Your Rankings in 2025
Reversed Out Creative
 
Artificial-Intelligence-in-Daily-Life (2).pptx
nidhigoswami335
 
原版北不列颠哥伦比亚大学毕业证文凭UNBC成绩单2025年新版在线制作学位证书
e7nw4o4
 
DNSSEC Made Easy, presented at PHNOG 2025
APNIC
 

Atag & drupal 8

  • 1. ATAG & Drupal 8 Making it easier to produce a11y content!
  • 2. About me! Drupal 8 Core Accessibility Maintainer Spearheading accessibility improvements since 2008. Mike Gifford President OpenConcept Consulting Inc. Ottawa, Canada http://openconcept.ca
  • 3. Authoring Tool A11y Guidelines ATAG is well defined, but still getting baked. W3C Working Draft 7 November 2013
  • 4. Drupal 8 Drupal 8’s also still a work in progress. Expected to release in 2015. https://www.drupal.org/project/issues/search?i ssue_tags=atag
  • 5. Why ATAG Matters As much as designers, themers & developers might want …. less technical people are usually going to be producing most of the content of a website. If a site is going to be accessible...
  • 6. The Legal The UN Convention on the Rights of Disabilities … AODA GoC
  • 7. What is Content Anyways? Articles, Stories, Blogs, Articles, FAQ’s… Anything that convey’s meaning between the website & the user. Images, videos, charts, tables...
  • 8. Creating Something Great! ❖ Compelling ❖ Meaningful ❖ Semantic ❖ Personalized ❖ Localized ❖ Interactive
  • 9. How Can a CMS Help? ❖ Consistency ❖ Structure ❖ Workflow ❖ Data analysis ❖ Simple Checks ❖ Updates
  • 10. CKEditor Most user edited content will be coming through CKEditor, so putting pressure on their bugs is important! IBM is leading the accessibility improvements for CKEditor for both WCAG & ATAG.
  • 11. Images Required text When is alt=”” appropriate HTML5 support for longdesc Knowing how to use it properly for AT figure/figcaption
  • 12. Spelling It’s really hard for a machine to correctly read (a screen reader) a mis-spelled word, or click on a misspelled link using voice commands (Dragon Naturally Speaking) Also usually bad for SEO.
  • 13. Readability & Broken HTML There are open source programs to assess readability. Several filters address broken HTML, sadly, none seem to be keeping up with HTML5.
  • 14. ATAG Parts A & B A) Make the editing interface accessible (WCAG) B) Essentially WCAG P.O.U.R. - Support the Production of Accessible Content
  • 15. A3 Editing-views are operable ❖ Provide keyboard access to authoring features ❖ Provide authors with enough time ❖ Help authors avoid flashing content that could cause seizures ➢ Slow animations and motion sickness - https://www.drupal.org/node/2316205 ❖ Enhance navigation and editing via content structure ❖ Provide text search of the content ❖ Allow users to manage preference settings ❖ Ensure that previews are at least as accessible as user agents - (Coming in D8)
  • 16. A4 Editing-views are understandable Help authors avoid and correct mistakes ➢ Fixing broken HTML ➢ Highly structured semantic content ➢ Required images Document the user interface, including all accessibility features - (Not yet)
  • 17. B1 Auto-Processes & A11y Content ❖ Ensure that automatically-specified content is accessible (CKEditor) ➢ Drupal 8 is doing pretty well. ❖ Ensure that accessibility information is preserved (CKEditor) ➢ Cut/Paste from Word
  • 18. B2 Support Content Authors ❖ Ensure that accessible content production is possible ❖ Guide authors to produce accessible content ❖ Assist authors with managing alternative content for non-text content ❖ Assist with accessible templates ❖ Assist with accessible pre-authored content
  • 19. B3 Support A11y of Existing Content ❖ Assist authors in checking for accessibility problems ❖ Assist authors in repairing accessibility problems
  • 20. B4 Promote Accessibility Features ❖ Ensure the availability of features that support the production of accessible content ❖ Ensure that documentation promotes the production of accessible content
  • 21. Conclusion... Accessibility is complicated… Making it easier to create accessible content is more complicated… But by working together we can make it easier for everyone to work together.
  • 22. Thanks!!! This presentation will be at http://openconcept.ca/blog OpenConcept Consulting Inc http://openconcept.ca @mgifford @openconcept_ca http://openconcept.ca