SlideShare una empresa de 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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

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
 

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

Similar 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

VIP Kolkata Call Girl Salt Lake 👉 8250192130 Available With Room
VIP Kolkata Call Girl Salt Lake 👉 8250192130  Available With RoomVIP Kolkata Call Girl Salt Lake 👉 8250192130  Available With Room
VIP Kolkata Call Girl Salt Lake 👉 8250192130 Available With Roomishabajaj13
 
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With RoomVIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Roomgirls4nights
 
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls KolkataLow Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkataanamikaraghav4
 
On Starlink, presented by Geoff Huston at NZNOG 2024
On Starlink, presented by Geoff Huston at NZNOG 2024On Starlink, presented by Geoff Huston at NZNOG 2024
On Starlink, presented by Geoff Huston at NZNOG 2024APNIC
 
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark WebGDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark WebJames Anderson
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...Diya Sharma
 
AlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with FlowsAlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with FlowsThierry TROUIN ☁
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Delhi Call girls
 
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.soniya singh
 
Delhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip CallDelhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Callshivangimorya083
 
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxAWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxellan12
 
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$kojalkojal131
 
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Challengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya Shirtrahman018755
 
Gram Darshan PPT cyber rural in villages of india
Gram Darshan PPT cyber rural  in villages of indiaGram Darshan PPT cyber rural  in villages of india
Gram Darshan PPT cyber rural in villages of indiaimessage0108
 
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Servicesexy call girls service in goa
 

Último (20)

VIP Kolkata Call Girl Salt Lake 👉 8250192130 Available With Room
VIP Kolkata Call Girl Salt Lake 👉 8250192130  Available With RoomVIP Kolkata Call Girl Salt Lake 👉 8250192130  Available With Room
VIP Kolkata Call Girl Salt Lake 👉 8250192130 Available With Room
 
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🔝
 
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With RoomVIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
 
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls KolkataLow Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
 
On Starlink, presented by Geoff Huston at NZNOG 2024
On Starlink, presented by Geoff Huston at NZNOG 2024On Starlink, presented by Geoff Huston at NZNOG 2024
On Starlink, presented by Geoff Huston at NZNOG 2024
 
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
 
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark WebGDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
 
AlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with FlowsAlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with Flows
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
 
Call Girls In South Ex 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICE
Call Girls In South Ex 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICECall Girls In South Ex 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICE
Call Girls In South Ex 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SERVICE
 
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
 
Delhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip CallDelhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Rohini 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
 
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxAWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
 
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
 
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝
 
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
 
Challengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya Shirt
 
Gram Darshan PPT cyber rural in villages of india
Gram Darshan PPT cyber rural  in villages of indiaGram Darshan PPT cyber rural  in villages of india
Gram Darshan PPT cyber rural in villages of india
 
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
 

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