SlideShare a Scribd company logo
1 of 26
Week 11
Accessibility / A11y
Equal access for all
abilities
web.dev
accessibility.psu.edu
Bryan Ollendyke
[at]btopro
Developer Activist
</cms-section of=“the course”>
- Hope you enjoyed these
- There’s others out there but these
are four similarr yet different ones
- I hope you enjoyed using them
& get to experience some at work
Looking ahead:
- Our final project will revolve around
Making a recommendation for how
faculty can create sustainable OER
- Keep these CMSs strength,
weaknesses and value in mind
HAXcms wrap up
- Sorry if you ran into issues
- Many of you noted the potential
of the platform even with issues
(this is really good to know)
HAXcms wrap up
- Thank you for the useful reports!
- You are making a difference
through user elicitation
User elicitation
- It might not always seem like a skill
but it is.
- Invaluable feedback can be gained
through good elicitations
- Almost nothing of value from poor
elicitation
17 issues opened as a result of this class! 3 closed already!
https://youtu.be/IwOwTPtN1Kg?t=138
https://youtu.be/GvAg_fSn9nM?t=317
Accessibility @ PSU
wave.webaim.org
Lighthouse
Accessibility == Performance?
Mexico City: iPhone vs. Android [OC]
Mexico City: iPhone vs. Android [OC]
https://www.reddit.com/r/MapPorn/
comments/d3scm4/mexico_city_ip
hone_vs_android_oc
@slightlylate
@slightlylate
@slightlylate
https://www.webpagetest.org/
Today’s Topic / What you'll learn about
- Accessibility, what it is, why it matters
and how to test with it in mind
- What we’ll do:
- Use Wave and audit websites
understanding how to read the report
and implement remediations
- Use Lighthouse to audit performance
and accessibility of websites
- Do a lab explaining the report
generated by a real web site
A11y
Links to poke around / sources
- https://web.dev/measure/
- https://wave.webaim.org/
- Search for these in the Chrome web store:
- Lighthouse
- WAVE Evaluation Tool
(also available for Firefox)
A11y
Guest speaker
Sonya Woods
Accessibility Consultant at
Penn State World Campus

More Related Content

Similar to Lecture11 - Accessibility

ELMSLN @ OpenEd 14
ELMSLN @ OpenEd 14ELMSLN @ OpenEd 14
ELMSLN @ OpenEd 14
btopro
 
Continuous design innovation - 10 ways to improve the learner experience
Continuous design innovation - 10 ways to improve the learner experience Continuous design innovation - 10 ways to improve the learner experience
Continuous design innovation - 10 ways to improve the learner experience
Brightwave Group
 

Similar to Lecture11 - Accessibility (20)

Lecture 14 - OER final project
Lecture 14 - OER final projectLecture 14 - OER final project
Lecture 14 - OER final project
 
EdTechJoker Open Activism Project
EdTechJoker Open Activism ProjectEdTechJoker Open Activism Project
EdTechJoker Open Activism Project
 
LMS 101: LMS vs. LCMS
LMS 101: LMS vs. LCMSLMS 101: LMS vs. LCMS
LMS 101: LMS vs. LCMS
 
Onlinetips
OnlinetipsOnlinetips
Onlinetips
 
Smooth running: ensure your systems training projects run without a hitch
Smooth running: ensure your systems training projects run without a hitchSmooth running: ensure your systems training projects run without a hitch
Smooth running: ensure your systems training projects run without a hitch
 
Soft Eng 1st PPT
Soft Eng 1st PPTSoft Eng 1st PPT
Soft Eng 1st PPT
 
Admin SharePoint 2010 with PowerShell
Admin SharePoint 2010 with PowerShellAdmin SharePoint 2010 with PowerShell
Admin SharePoint 2010 with PowerShell
 
Reactome: Usability testing - is it useful?
Reactome: Usability testing - is it useful? Reactome: Usability testing - is it useful?
Reactome: Usability testing - is it useful?
 
Fail fast and automatically tested - How to build robust SAP applications
Fail fast and automatically tested - How to build robust SAP applicationsFail fast and automatically tested - How to build robust SAP applications
Fail fast and automatically tested - How to build robust SAP applications
 
ELMSLN @ OpenEd 14
ELMSLN @ OpenEd 14ELMSLN @ OpenEd 14
ELMSLN @ OpenEd 14
 
DOES16 London - Benjamin Wootton - Lessons from 50 Enterprise DevOps Transfor...
DOES16 London - Benjamin Wootton - Lessons from 50 Enterprise DevOps Transfor...DOES16 London - Benjamin Wootton - Lessons from 50 Enterprise DevOps Transfor...
DOES16 London - Benjamin Wootton - Lessons from 50 Enterprise DevOps Transfor...
 
Lessons From 50 DevOps Transformations
Lessons From 50 DevOps TransformationsLessons From 50 DevOps Transformations
Lessons From 50 DevOps Transformations
 
Activity 1
Activity 1Activity 1
Activity 1
 
Farewell to the Enterprise LMS, Greetings to the Learning Platform: Phil Hill...
Farewell to the Enterprise LMS, Greetings to the Learning Platform: Phil Hill...Farewell to the Enterprise LMS, Greetings to the Learning Platform: Phil Hill...
Farewell to the Enterprise LMS, Greetings to the Learning Platform: Phil Hill...
 
X-functional teams@mobile.de
X-functional teams@mobile.deX-functional teams@mobile.de
X-functional teams@mobile.de
 
Massively maintained accessibility: WordPress
Massively maintained accessibility: WordPressMassively maintained accessibility: WordPress
Massively maintained accessibility: WordPress
 
5 best practices in dev ops culture
5 best practices in dev ops culture5 best practices in dev ops culture
5 best practices in dev ops culture
 
Continuous design innovation - 10 ways to improve the learner experience
Continuous design innovation - 10 ways to improve the learner experience Continuous design innovation - 10 ways to improve the learner experience
Continuous design innovation - 10 ways to improve the learner experience
 
MOOCs - alternative education
MOOCs - alternative educationMOOCs - alternative education
MOOCs - alternative education
 
Mark Andersen DFW DevOps Days 2017
Mark Andersen DFW DevOps Days 2017Mark Andersen DFW DevOps Days 2017
Mark Andersen DFW DevOps Days 2017
 

More from btopro

Future proofing design work with Web components
Future proofing design work with Web componentsFuture proofing design work with Web components
Future proofing design work with Web components
btopro
 

More from btopro (20)

ELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ ApereoELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ Apereo
 
Lecture13 Containers
Lecture13   ContainersLecture13   Containers
Lecture13 Containers
 
Ed techjoker faculty presentation
Ed techjoker faculty presentationEd techjoker faculty presentation
Ed techjoker faculty presentation
 
IST 402 Presentation by Sonya
IST 402 Presentation by SonyaIST 402 Presentation by Sonya
IST 402 Presentation by Sonya
 
EdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWebEdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWeb
 
Drupal
DrupalDrupal
Drupal
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPress
 
Grav CMS
Grav CMSGrav CMS
Grav CMS
 
HAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp addressHAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp address
 
HAX camp 2019 - Welcome
HAX camp 2019 - WelcomeHAX camp 2019 - Welcome
HAX camp 2019 - Welcome
 
Web components and Package managers
Web components and Package managersWeb components and Package managers
Web components and Package managers
 
HTML / CSS / JS Web basics
HTML / CSS / JS Web basicsHTML / CSS / JS Web basics
HTML / CSS / JS Web basics
 
Background info on git / github
Background info on git / githubBackground info on git / github
Background info on git / github
 
EdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus dayEdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus day
 
Future proofing design work with Web components
Future proofing design work with Web componentsFuture proofing design work with Web components
Future proofing design work with Web components
 
The case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarThe case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinar
 
HAX - Chaotic Good
HAX - Chaotic GoodHAX - Chaotic Good
HAX - Chaotic Good
 
HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19
 
Open Apereo - Web components workshop
Open Apereo - Web components workshopOpen Apereo - Web components workshop
Open Apereo - Web components workshop
 
Web components training setup knowledge
Web components training setup knowledgeWeb components training setup knowledge
Web components training setup knowledge
 

Recently uploaded

Recently uploaded (20)

Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 

Lecture11 - Accessibility