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

What's hot

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

What's hot (20)

Empathetc Development
Empathetc DevelopmentEmpathetc Development
Empathetc Development
 
Bwhtmlpdx0809
Bwhtmlpdx0809Bwhtmlpdx0809
Bwhtmlpdx0809
 
Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28
 
Twig in the Wild
Twig in the WildTwig in the Wild
Twig in the Wild
 
Tf byows
Tf byowsTf byows
Tf byows
 
WordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshopWordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshop
 
Tf byow
Tf byowTf byow
Tf byow
 
Tf byow
Tf byowTf byow
Tf byow
 
Tf byowwhc
Tf byowwhcTf byowwhc
Tf byowwhc
 
Tf byowwhc
Tf byowwhcTf byowwhc
Tf byowwhc
 
Your Future HTML: The Evolution of Site Design with Web Components
Your Future HTML: The Evolution of Site Design with Web ComponentsYour Future HTML: The Evolution of Site Design with Web Components
Your Future HTML: The Evolution of Site Design with Web Components
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme development
 
Tf byows
Tf byowsTf byows
Tf byows
 
Byowwhc117
Byowwhc117Byowwhc117
Byowwhc117
 
Byowwhc117
Byowwhc117Byowwhc117
Byowwhc117
 
Conferences andcommunity
Conferences andcommunityConferences andcommunity
Conferences andcommunity
 
Implementing a Multi-Device Approach to E-learning Design (US Session)
Implementing a  Multi-Device Approach to E-learning Design (US Session)Implementing a  Multi-Device Approach to E-learning Design (US Session)
Implementing a Multi-Device Approach to E-learning Design (US Session)
 
From 0 to MVP in 40 minutes: decoupled Drupal for startups
From 0 to MVP in 40 minutes: decoupled Drupal for startupsFrom 0 to MVP in 40 minutes: decoupled Drupal for startups
From 0 to MVP in 40 minutes: decoupled Drupal for startups
 
The Art Of Documentation for Open Source Projects
The Art Of Documentation for Open Source ProjectsThe Art Of Documentation for Open Source Projects
The Art Of Documentation for Open Source Projects
 
WordCamp Birmingham 2015 - Theme building tricks of the trade
WordCamp Birmingham 2015 - Theme building tricks of the tradeWordCamp Birmingham 2015 - Theme building tricks of the trade
WordCamp Birmingham 2015 - Theme building tricks of the trade
 

Viewers also liked

Inseptra company product solutions v2 26092014
Inseptra company product solutions v2 26092014Inseptra company product solutions v2 26092014
Inseptra company product solutions v2 26092014
Mustafa Kuğu
 
حضارة المسلمين
حضارة المسلمينحضارة المسلمين
حضارة المسلمينMotasem Ash
 
Eta introdution
Eta introdutionEta introdution
Eta introdutionLee Joe
 
Transecq ITA
Transecq ITATransecq ITA
Transecq ITA
transecq
 
College1 12.10.2015
College1 12.10.2015College1 12.10.2015
College1 12.10.2015
Ioana Stanescu
 
Turist în orașul meu craiova
Turist în orașul meu  craiovaTurist în orașul meu  craiova
Turist în orașul meu craiovaGheorghitoiumaria
 
Big Data & The Future of Making Things by Mike Haley
Big Data & The Future of Making Things by Mike HaleyBig Data & The Future of Making Things by Mike Haley
Big Data & The Future of Making Things by Mike Haley
Globant
 
Útmutató-Hogy változtasd vevökké a Facebook rajongóidat
Útmutató-Hogy változtasd vevökké a Facebook rajongóidatÚtmutató-Hogy változtasd vevökké a Facebook rajongóidat
Útmutató-Hogy változtasd vevökké a Facebook rajongóidat
Gabriella Lakatos
 
Our cool japan
Our cool japanOur cool japan
Our cool japan
Linh MP. Pham
 
Beliefs of preservice teachers toward art education
Beliefs of preservice teachers toward art educationBeliefs of preservice teachers toward art education
Beliefs of preservice teachers toward art education
Nurnabihah Mohamad Nizar
 
Hot500 overview
Hot500 overviewHot500 overview
Hot500 overview
Wist Ltd
 
User behavioranaliticskurtzimmer
User behavioranaliticskurtzimmerUser behavioranaliticskurtzimmer
User behavioranaliticskurtzimmerGlobant
 

Viewers also liked (20)

Inseptra company product solutions v2 26092014
Inseptra company product solutions v2 26092014Inseptra company product solutions v2 26092014
Inseptra company product solutions v2 26092014
 
حضارة المسلمين
حضارة المسلمينحضارة المسلمين
حضارة المسلمين
 
Trek2Freedom
Trek2FreedomTrek2Freedom
Trek2Freedom
 
Pdhpe
PdhpePdhpe
Pdhpe
 
Eta introdution
Eta introdutionEta introdution
Eta introdution
 
yammer
yammeryammer
yammer
 
Transecq ITA
Transecq ITATransecq ITA
Transecq ITA
 
College1 12.10.2015
College1 12.10.2015College1 12.10.2015
College1 12.10.2015
 
Turist în orașul meu craiova
Turist în orașul meu  craiovaTurist în orașul meu  craiova
Turist în orașul meu craiova
 
Xavier
XavierXavier
Xavier
 
Dr.living
Dr.livingDr.living
Dr.living
 
Big Data & The Future of Making Things by Mike Haley
Big Data & The Future of Making Things by Mike HaleyBig Data & The Future of Making Things by Mike Haley
Big Data & The Future of Making Things by Mike Haley
 
Informe iº trimestre 2012
Informe iº trimestre 2012Informe iº trimestre 2012
Informe iº trimestre 2012
 
Útmutató-Hogy változtasd vevökké a Facebook rajongóidat
Útmutató-Hogy változtasd vevökké a Facebook rajongóidatÚtmutató-Hogy változtasd vevökké a Facebook rajongóidat
Útmutató-Hogy változtasd vevökké a Facebook rajongóidat
 
Informe para blog
Informe   para blogInforme   para blog
Informe para blog
 
Our cool japan
Our cool japanOur cool japan
Our cool japan
 
Beliefs of preservice teachers toward art education
Beliefs of preservice teachers toward art educationBeliefs of preservice teachers toward art education
Beliefs of preservice teachers toward art education
 
Hot500 overview
Hot500 overviewHot500 overview
Hot500 overview
 
User behavioranaliticskurtzimmer
User behavioranaliticskurtzimmerUser behavioranaliticskurtzimmer
User behavioranaliticskurtzimmer
 
Ser ppb2
Ser ppb2Ser ppb2
Ser ppb2
 

Similar to Atag & drupal 8

How Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better Developer
Billy Gregory
 
Implementing AutoComplete for Freemarker and Velocity languages in ACE Editor
Implementing AutoComplete for Freemarker and Velocity languages in ACE EditorImplementing AutoComplete for Freemarker and Velocity languages in ACE Editor
Implementing AutoComplete for Freemarker and Velocity languages in ACE Editorpeychevi
 
Is it time to start using HTML 5
Is it time to start using HTML 5Is it time to start using HTML 5
Is it time to start using HTML 5Ravi Raj
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
Grayzon Gonzales, LPT
 
Web Accessibility in Drupal 8
Web Accessibility in Drupal 8Web Accessibility in Drupal 8
Web Accessibility in Drupal 8
AGILEDROP
 
Introduction to web page
Introduction to web pageIntroduction to web page
Introduction to web page
Mahmoud Shaqria
 
Inclusive design 24 (gaad)
Inclusive design 24 (gaad)Inclusive design 24 (gaad)
Inclusive design 24 (gaad)
Mike Gifford
 
How is Drupal Ensuring the Web Accessibility Standards?
How is Drupal Ensuring the Web Accessibility Standards?How is Drupal Ensuring the Web Accessibility Standards?
How is Drupal Ensuring the Web Accessibility Standards?
OpenSense Labs
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
NAILBITER
 
DITA, HTML5, and EPUB3 (Content Agility, June 2013)
DITA, HTML5, and EPUB3 (Content Agility, June 2013)DITA, HTML5, and EPUB3 (Content Agility, June 2013)
DITA, HTML5, and EPUB3 (Content Agility, June 2013)
Contrext Solutions
 
HTML 5 - The Future is Now
HTML 5 - The Future is NowHTML 5 - The Future is Now
HTML 5 - The Future is Now
Robert 'Bob' Reyes
 
wt mod1.pdf
wt mod1.pdfwt mod1.pdf
wt mod1.pdf
VinayKumarV24
 
Website Accessibility Workshop
Website Accessibility WorkshopWebsite Accessibility Workshop
Website Accessibility Workshop
Devin Olson
 
Html5
Html5Html5
Html5
Nasla C.K
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
 
2012-07-24: Accessibility On The Web
2012-07-24: Accessibility On The Web2012-07-24: Accessibility On The Web
2012-07-24: Accessibility On The Web
Baltimore Lean Startup
 
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
Don Day
 
Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5
KaneJordy1
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websites
Rachel Cherry
 

Similar to Atag & drupal 8 (20)

How Accessibility Made Me a Better Developer
How Accessibility Made Me a Better DeveloperHow Accessibility Made Me a Better Developer
How Accessibility Made Me a Better Developer
 
Implementing AutoComplete for Freemarker and Velocity languages in ACE Editor
Implementing AutoComplete for Freemarker and Velocity languages in ACE EditorImplementing AutoComplete for Freemarker and Velocity languages in ACE Editor
Implementing AutoComplete for Freemarker and Velocity languages in ACE Editor
 
Is it time to start using HTML 5
Is it time to start using HTML 5Is it time to start using HTML 5
Is it time to start using HTML 5
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
 
Web Accessibility in Drupal 8
Web Accessibility in Drupal 8Web Accessibility in Drupal 8
Web Accessibility in Drupal 8
 
Introduction to web page
Introduction to web pageIntroduction to web page
Introduction to web page
 
Inclusive design 24 (gaad)
Inclusive design 24 (gaad)Inclusive design 24 (gaad)
Inclusive design 24 (gaad)
 
How is Drupal Ensuring the Web Accessibility Standards?
How is Drupal Ensuring the Web Accessibility Standards?How is Drupal Ensuring the Web Accessibility Standards?
How is Drupal Ensuring the Web Accessibility Standards?
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
HTML 5
HTML 5HTML 5
HTML 5
 
DITA, HTML5, and EPUB3 (Content Agility, June 2013)
DITA, HTML5, and EPUB3 (Content Agility, June 2013)DITA, HTML5, and EPUB3 (Content Agility, June 2013)
DITA, HTML5, and EPUB3 (Content Agility, June 2013)
 
HTML 5 - The Future is Now
HTML 5 - The Future is NowHTML 5 - The Future is Now
HTML 5 - The Future is Now
 
wt mod1.pdf
wt mod1.pdfwt mod1.pdf
wt mod1.pdf
 
Website Accessibility Workshop
Website Accessibility WorkshopWebsite Accessibility Workshop
Website Accessibility Workshop
 
Html5
Html5Html5
Html5
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
2012-07-24: Accessibility On The Web
2012-07-24: Accessibility On The Web2012-07-24: Accessibility On The Web
2012-07-24: Accessibility On The Web
 
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
CM Strategies: DITA North America 2013 Don Day-Mapping DITA to HTML5
 
Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5Everything That You Need To Know About HTML5
Everything That You Need To Know About HTML5
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websites
 

Recently uploaded

test test test test testtest test testtest test testtest test testtest test ...
test test  test test testtest test testtest test testtest test testtest test ...test test  test test testtest test testtest test testtest test testtest test ...
test test test test testtest test testtest test testtest test testtest test ...
Arif0071
 
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
ufdana
 
Search Result Showing My Post is Now Buried
Search Result Showing My Post is Now BuriedSearch Result Showing My Post is Now Buried
Search Result Showing My Post is Now Buried
Trish Parr
 
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
zoowe
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
vmemo1
 
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
cuobya
 
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfMeet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Florence Consulting
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
Laura Szabó
 
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
keoku
 
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
3ipehhoa
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
cuobya
 
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC
 
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
cuobya
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
fovkoyb
 
学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作
学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作
学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作
zyfovom
 
Understanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdfUnderstanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdf
SEO Article Boost
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
ysasp1
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
hackersuli
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
uehowe
 
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
3ipehhoa
 

Recently uploaded (20)

test test test test testtest test testtest test testtest test testtest test ...
test test  test test testtest test testtest test testtest test testtest test ...test test  test test testtest test testtest test testtest test testtest test ...
test test test test testtest test testtest test testtest test testtest test ...
 
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
一比一原版(CSU毕业证)加利福尼亚州立大学毕业证成绩单专业办理
 
Search Result Showing My Post is Now Buried
Search Result Showing My Post is Now BuriedSearch Result Showing My Post is Now Buried
Search Result Showing My Post is Now Buried
 
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
国外证书(Lincoln毕业证)新西兰林肯大学毕业证成绩单不能毕业办理
 
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
重新申请毕业证书(RMIT毕业证)皇家墨尔本理工大学毕业证成绩单精仿办理
 
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
制作毕业证书(ANU毕业证)莫纳什大学毕业证成绩单官方原版办理
 
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdfMeet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
Meet up Milano 14 _ Axpo Italia_ Migration from Mule3 (On-prem) to.pdf
 
Gen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needsGen Z and the marketplaces - let's translate their needs
Gen Z and the marketplaces - let's translate their needs
 
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
一比一原版(SLU毕业证)圣路易斯大学毕业证成绩单专业办理
 
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
1比1复刻(bath毕业证书)英国巴斯大学毕业证学位证原版一模一样
 
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
可查真实(Monash毕业证)西澳大学毕业证成绩单退学买
 
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024
 
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
假文凭国外(Adelaide毕业证)澳大利亚国立大学毕业证成绩单办理
 
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
存档可查的(USC毕业证)南加利福尼亚大学毕业证成绩单制做办理
 
学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作
学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作
学位认证网(DU毕业证)迪肯大学毕业证成绩单一比一原版制作
 
Understanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdfUnderstanding User Behavior with Google Analytics.pdf
Understanding User Behavior with Google Analytics.pdf
 
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
成绩单ps(UST毕业证)圣托马斯大学毕业证成绩单快速办理
 
[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024[HUN][hackersuli] Red Teaming alapok 2024
[HUN][hackersuli] Red Teaming alapok 2024
 
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
办理毕业证(UPenn毕业证)宾夕法尼亚大学毕业证成绩单快速办理
 
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
原版仿制(uob毕业证书)英国伯明翰大学毕业证本科学历证书原版一模一样
 

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