SlideShare a Scribd company logo
1 of 27
Responsive Design & Accessibility
Is it relevant to application development?
Desarae Veit
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility
Responsive Design & Accessibility

More Related Content

Viewers also liked

Accessibility and Design: Where Productivity and Philosophy Meet
Accessibility and Design:  Where Productivity and Philosophy MeetAccessibility and Design:  Where Productivity and Philosophy Meet
Accessibility and Design: Where Productivity and Philosophy MeetJoe Lonsky
 
Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)David Lamas
 
The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)UXPA International
 
Accessibility and Your Blog
Accessibility and Your BlogAccessibility and Your Blog
Accessibility and Your BlogDomanique Alicia
 
Accessibility Design: Design for All
Accessibility Design: Design for AllAccessibility Design: Design for All
Accessibility Design: Design for AllShandy Tsai
 
Universal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing ExperienceUniversal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing ExperienceUXAndrew
 

Viewers also liked (7)

Accessibility and Design: Where Productivity and Philosophy Meet
Accessibility and Design:  Where Productivity and Philosophy MeetAccessibility and Design:  Where Productivity and Philosophy Meet
Accessibility and Design: Where Productivity and Philosophy Meet
 
Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)Accessibility, Usability and User Centred Design (Accessibility)
Accessibility, Usability and User Centred Design (Accessibility)
 
The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)The Mindfulness of Accessibility and Design Wu (Elle Waters)
The Mindfulness of Accessibility and Design Wu (Elle Waters)
 
Accessibility and Your Blog
Accessibility and Your BlogAccessibility and Your Blog
Accessibility and Your Blog
 
Accessibility Design: Design for All
Accessibility Design: Design for AllAccessibility Design: Design for All
Accessibility Design: Design for All
 
Beginners Guide to Accessibility
Beginners Guide to AccessibilityBeginners Guide to Accessibility
Beginners Guide to Accessibility
 
Universal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing ExperienceUniversal Design, Accessibility, and the Typing Experience
Universal Design, Accessibility, and the Typing Experience
 

More from Desarae Veit

2020 summary ui ux resume desarae veit v1
2020 summary    ui ux resume desarae veit v12020 summary    ui ux resume desarae veit v1
2020 summary ui ux resume desarae veit v1Desarae Veit
 
HacktivismPaper.docx
HacktivismPaper.docxHacktivismPaper.docx
HacktivismPaper.docxDesarae Veit
 
MIS-604Hackman-week2
MIS-604Hackman-week2MIS-604Hackman-week2
MIS-604Hackman-week2Desarae Veit
 
PresentationDescription-Starting a Career in IT
PresentationDescription-Starting a Career in ITPresentationDescription-Starting a Career in IT
PresentationDescription-Starting a Career in ITDesarae Veit
 
PresentationDescription-IndustryPanels
PresentationDescription-IndustryPanelsPresentationDescription-IndustryPanels
PresentationDescription-IndustryPanelsDesarae Veit
 
ExampleSiteEvaluationJustification
ExampleSiteEvaluationJustificationExampleSiteEvaluationJustification
ExampleSiteEvaluationJustificationDesarae Veit
 
508 Compliance Testing for Example Site
508 Compliance Testing for Example Site508 Compliance Testing for Example Site
508 Compliance Testing for Example SiteDesarae Veit
 
508 compliance documentation for site
508 compliance documentation for site508 compliance documentation for site
508 compliance documentation for siteDesarae Veit
 
Senior Web Developer specializing in user experience
Senior Web Developer specializing in user experienceSenior Web Developer specializing in user experience
Senior Web Developer specializing in user experienceDesarae Veit
 
BRADFROST-SQUISHY-What is Responsive Design
BRADFROST-SQUISHY-What is Responsive DesignBRADFROST-SQUISHY-What is Responsive Design
BRADFROST-SQUISHY-What is Responsive DesignDesarae Veit
 
softwaredevtechsummit
softwaredevtechsummitsoftwaredevtechsummit
softwaredevtechsummitDesarae Veit
 

More from Desarae Veit (17)

2020 summary ui ux resume desarae veit v1
2020 summary    ui ux resume desarae veit v12020 summary    ui ux resume desarae veit v1
2020 summary ui ux resume desarae veit v1
 
HacktivismPaper.docx
HacktivismPaper.docxHacktivismPaper.docx
HacktivismPaper.docx
 
655-Final
655-Final655-Final
655-Final
 
MIS-604Hackman-week2
MIS-604Hackman-week2MIS-604Hackman-week2
MIS-604Hackman-week2
 
PresentationDescription-Starting a Career in IT
PresentationDescription-Starting a Career in ITPresentationDescription-Starting a Career in IT
PresentationDescription-Starting a Career in IT
 
PresentationDescription-IndustryPanels
PresentationDescription-IndustryPanelsPresentationDescription-IndustryPanels
PresentationDescription-IndustryPanels
 
ExampleSiteEvaluationJustification
ExampleSiteEvaluationJustificationExampleSiteEvaluationJustification
ExampleSiteEvaluationJustification
 
508checklist
508checklist508checklist
508checklist
 
508 Compliance Testing for Example Site
508 Compliance Testing for Example Site508 Compliance Testing for Example Site
508 Compliance Testing for Example Site
 
508 compliance documentation for site
508 compliance documentation for site508 compliance documentation for site
508 compliance documentation for site
 
Senior Web Developer specializing in user experience
Senior Web Developer specializing in user experienceSenior Web Developer specializing in user experience
Senior Web Developer specializing in user experience
 
BRADFROST-SQUISHY-What is Responsive Design
BRADFROST-SQUISHY-What is Responsive DesignBRADFROST-SQUISHY-What is Responsive Design
BRADFROST-SQUISHY-What is Responsive Design
 
speaking-skills
speaking-skillsspeaking-skills
speaking-skills
 
UI-IA-deploy
UI-IA-deployUI-IA-deploy
UI-IA-deploy
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
softwaredevtechsummit
softwaredevtechsummitsoftwaredevtechsummit
softwaredevtechsummit
 
css-tools
css-toolscss-tools
css-tools
 

Responsive Design & Accessibility

Editor's Notes

  1. Header font: Kollektif 75.7Blue: 36afdf Bold uppercase center Secondary font: Libre Baskerville 28 italic center Third font: Kollektif 14 e0cbb8 Bold uppercase center
  2. Responsive design is everywhere, it allows end users with varying screen widths to view the same content without fixed-width restrictions. This makes sites visually and functionally more accessible via mobile devices, tablets, and smaller browsers.
  3. Individuals with disabilities are people who have sensory, physical, or cognitive impairments that substantially limit their ability to perform one or more major life activities. The degree of disability may range from mild to moderate to severe or profound. A person may also have multiple disabilities, or they may have “hidden” disabilities and show no outward sign that a disabling condition exists.  If you do not have a disability, you probably know someone—in your family, circle of friends and acquaintances, or a co-worker—who does. Some people are born with a disability. Others may have experienced some event, such as a sports injury, repetitive stress injury, or onset of health condition that resulted in their disability.  Information and data must be available in a way that meets federal standards that enable persons with disabilities to access it.   The law requires Federal employees and members of the public with disabilities to have access to and use of information and data that is comparable to other Federal employees and individuals without disabilities.  Conformance with these standards is mandated by Section 508 of the Rehabilitation Act of 1973, as amended (Section 508). Whether you are creating documents, designing presentations, buying products, or supporting EIT, it is important for you to understand your Section 508 responsibilities. Section 508 was enacted to eliminate barriers in EIT, make opportunities available for persons with disabilities, and encourage development of technologies that will help achieve these goals.-- DOI
  4. Responsive design also makes it possible to single-source your code, making it unnecessary to have a mobile version and a desktop version of a site, therefore reducing production and maintenance costs.  In addition, it turns a desktop application into a mobile app that is written in native HTML, making app development for IOS and Android also unnecessary (unless the business model is to sell it in the respective app stores). Originally development teams would develop different version of their applications so they would render correctly on the different clients.  This was costly, required longer development cycles, etc…   Today developers are Turing to Responsive design.   Responsive design is a newer design paradigm that allows application development teams to develop one application that will sell adjust to screen size……
  5. We all rely on electronic devices every day for a variety of different reason.  Many of our devices come in different sizes and shapes requiring application development teams to rethink how they design their applications so that they display correctly on these many varying devices.