SlideShare uma empresa Scribd logo
1 de 22
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

Mais conteúdo relacionado

Mais procurados

Empathetc Development
Empathetc DevelopmentEmpathetc Development
Empathetc DevelopmentKyle Evans
 
Bwhtmlpdx0809
Bwhtmlpdx0809Bwhtmlpdx0809
Bwhtmlpdx0809Thinkful
 
Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28Frontend Crash Coarse 09/28
Frontend Crash Coarse 09/28Ivy Rueb
 
WordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshopWordCamp Birmingham 2015 - Theme building workshop
WordCamp Birmingham 2015 - Theme building workshopJonny 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 ComponentsKen Tabor
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme developmentJonny Allbut
 
Byowwhc117
Byowwhc117Byowwhc117
Byowwhc117Thinkful
 
Byowwhc117
Byowwhc117Byowwhc117
Byowwhc117Thinkful
 
Conferences andcommunity
Conferences andcommunityConferences andcommunity
Conferences andcommunityJeff 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 startupsJeffrey 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 ProjectsBen 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 tradeJonny Allbut
 

Mais procurados (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
 

Destaque

Inseptra company product solutions v2 26092014
Inseptra company product solutions v2 26092014Inseptra company product solutions v2 26092014
Inseptra company product solutions v2 26092014Mustafa Kuğu
 
حضارة المسلمين
حضارة المسلمينحضارة المسلمين
حضارة المسلمينMotasem Ash
 
Eta introdution
Eta introdutionEta introdution
Eta introdutionLee Joe
 
Transecq ITA
Transecq ITATransecq ITA
Transecq ITAtransecq
 
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 HaleyGlobant
 
Ú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óidatGabriella Lakatos
 
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 educationNurnabihah Mohamad Nizar
 
Hot500 overview
Hot500 overviewHot500 overview
Hot500 overviewWist Ltd
 
User behavioranaliticskurtzimmer
User behavioranaliticskurtzimmerUser behavioranaliticskurtzimmer
User behavioranaliticskurtzimmerGlobant
 

Destaque (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
 

Semelhante a 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 DeveloperBilly 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 HTMLGrayzon Gonzales, LPT
 
Web Accessibility in Drupal 8
Web Accessibility in Drupal 8Web Accessibility in Drupal 8
Web Accessibility in Drupal 8AGILEDROP
 
Introduction to web page
Introduction to web pageIntroduction to web page
Introduction to web pageMahmoud 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 1NAILBITER
 
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
 
Website Accessibility Workshop
Website Accessibility WorkshopWebsite Accessibility Workshop
Website Accessibility WorkshopDevin Olson
 
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
 
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 HTML5Don 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 HTML5KaneJordy1
 
How to engineer accessible websites
How to engineer accessible websitesHow to engineer accessible websites
How to engineer accessible websitesRachel Cherry
 

Semelhante a 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
 

Último

Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITMgdsc13
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxDyna Gilbert
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationLinaWolf1
 
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New OrleansElevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleanscorenetworkseo
 
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一Fs
 
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New DelhiContact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhimiss dipika
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书rnrncn29
 
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxQ4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxeditsforyah
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predieusebiomeyer
 
Intellectual property rightsand its types.pptx
Intellectual property rightsand its types.pptxIntellectual property rightsand its types.pptx
Intellectual property rightsand its types.pptxBipin Adhikari
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Sonam Pathan
 
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Dana Luther
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Paul Calvano
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作ys8omjxb
 
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012rehmti665
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一z xss
 
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一Fs
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Sonam Pathan
 

Último (20)

Git and Github workshop GDSC MLRITM
Git and Github  workshop GDSC MLRITMGit and Github  workshop GDSC MLRITM
Git and Github workshop GDSC MLRITM
 
Top 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptxTop 10 Interactive Website Design Trends in 2024.pptx
Top 10 Interactive Website Design Trends in 2024.pptx
 
PHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 DocumentationPHP-based rendering of TYPO3 Documentation
PHP-based rendering of TYPO3 Documentation
 
Elevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New OrleansElevate Your Business with Our IT Expertise in New Orleans
Elevate Your Business with Our IT Expertise in New Orleans
 
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
 
Model Call Girl in Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in  Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in  Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Jamuna Vihar Delhi reach out to us at 🔝9953056974🔝
 
Contact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New DelhiContact Rya Baby for Call Girls New Delhi
Contact Rya Baby for Call Girls New Delhi
 
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
『澳洲文凭』买拉筹伯大学毕业证书成绩单办理澳洲LTU文凭学位证书
 
Q4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptxQ4-1-Illustrating-Hypothesis-Testing.pptx
Q4-1-Illustrating-Hypothesis-Testing.pptx
 
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in  Rk Puram 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Rk Puram 🔝 9953056974 🔝 Delhi escort Service
 
SCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is prediSCM Symposium PPT Format Customer loyalty is predi
SCM Symposium PPT Format Customer loyalty is predi
 
Intellectual property rightsand its types.pptx
Intellectual property rightsand its types.pptxIntellectual property rightsand its types.pptx
Intellectual property rightsand its types.pptx
 
Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170Call Girls Near The Suryaa Hotel New Delhi 9873777170
Call Girls Near The Suryaa Hotel New Delhi 9873777170
 
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
 
Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24Font Performance - NYC WebPerf Meetup April '24
Font Performance - NYC WebPerf Meetup April '24
 
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
Potsdam FH学位证,波茨坦应用技术大学毕业证书1:1制作
 
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
Call Girls South Delhi Delhi reach out to us at ☎ 9711199012
 
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
办理(UofR毕业证书)罗切斯特大学毕业证成绩单原版一比一
 
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
定制(AUT毕业证书)新西兰奥克兰理工大学毕业证成绩单原版一比一
 
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
Call Girls In The Ocean Pearl Retreat Hotel New Delhi 9873777170
 

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