A Questionnaire Guide to Web Instrument Accessibility Mark M - - PowerPoint PPT Presentation

▶

Jul 30, 2023 130 likes •339 views

Sharing your passion for accurate, efficient surveys! A Questionnaire Guide to Web Instrument Accessibility Mark M Pierzchala MMP Survey Services, LLC www.MMPSurveyServices.com MMP@MMPSurveyServices.com Motivation for the Session Describe

SLIDE 1

A Questionnaire Guide to Web Instrument Accessibility

Mark M Pierzchala MMP Survey Services, LLC

Sharing your passion for accurate, efficient surveys!

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 2

Motivation for the Session

 Describe Blaise IS Accessibility Features  Motivate more work on this topic  Compare visual and aural screen design  Make one design work for sighted and blind users  Give accessibility information to Blaise 5 developers

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 3

Acknowledgements

 Tim Carati, The Blaise Team -> New Style Sheets  Mathematica Policy Research -> Examples  University of Michigan -> Examples  Jim O’Reilly, Westat -> Persistent Accessibility Work  Larry Malakhoff, Census -> Information on JAWS, accessibility,

and screen readers

 Linda Bandeh (MPR), Karen Brenner (Westat), Tim Carati

(Statistics Netherlands), Larry Malakhoff (Census), Esme Pierzchala (daughter) -> Reviews

 All my work was funded by Statistics Netherlands

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 4

Two Example Blaise IS Datamodels

 Forms

 Single item screens  T

wo or more related items on a screen

 Grids

 Tabular screens

 Both should be part of the next Blaise 4 distribution.

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 5

Method

 Evaluate visual designs and see how they translate into an

aural environment

 Use MPR

Visual Web Screen standards

 Use real web-survey screens with design challenges

 Conclusions

 Visual design standards do not translate  You can usually substitute aural standards  Sometimes you might redesign the screen

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 6

Highest Education Level

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

Bolded text for question Unbolded italics for instruction Unbolded text for choices “What is the highest level of education you have attained? Choose

ne answer. Elementary school radio button not checked.

T

change

the selection press up or down arrow.” Plus font, font size, indentation

Visual standards

SLIDE 7

Blaise IS and JAWS Demonstrations

 The next 4 screens give examples of how the screen

reader works for selected survey screens.

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 8

Education Code: First Part

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

“There are 19 categories in alphabetical order.” I added this text. “. . . radio button not checked. T

change the selection press

up or down arrow.” JAWS added this text. 1 2 3 4 5

SLIDE 9

Education Code: Second Part

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

The user navigates the choices with arrow keys and does not have to hear the whole text.

SLIDE 10

Type Name

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 11

Household Grid

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 12

Screen Redesign or Modifications

 The next 4 screens give examples of some adjustments

you might make.

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 13

Redesigned Tabular Screen

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

Original screen Redesigned screen

SLIDE 14

Visual and Aural Juxtaposition

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

“There are 2 questions on this screen.”

“What is the total amount you borrowed?”

SLIDE 15

Answer one Question or the Other

www.MMPSurveyServices.com MMP@MMPSurveyServices.com “Skip the state combo box to enter a Canadian province or territory.”

SLIDE 16

Additional Instructions

www.MMPSurveyServices.com MMP@MMPSurveyServices.com “Press the Tab key to leave the question.”

SLIDE 17

Summary

 Specify web questionnaires with sighted and disabled

people in mind.

 Leave more time for design, testing, and iteration  T

est under realistic conditions

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 18

Video Links

 There are 4 video links to the 2 questionnaires.

 These are to the MMPSS ScreenCast site.  http://www.screencast.com/t/XAe79lh0fj  http://www.screencast.com/t/LZ8MCLGROJav  http://www.screencast.com/t/S4DghOUgx  http://www.screencast.com/t/Up7vJu5sPnz

 One day you may have to search for these on a Statistics

Netherlands site.

www.MMPSurveyServices.com MMP@MMPSurveyServices.com

SLIDE 19

A Questionnaire Guide to Web Instrument Accessibility

Motivation for the Session

 Describe Blaise IS Accessibility Features  Motivate more work on this topic  Compare visual and aural screen design  Make one design work for sighted and blind users  Give accessibility information to Blaise 5 developers

Acknowledgements

 Tim Carati, The Blaise Team -> New Style Sheets  Mathematica Policy Research -> Examples  University of Michigan -> Examples  Jim O’Reilly, Westat -> Persistent Accessibility Work  Larry Malakhoff, Census -> Information on JAWS, accessibility,

and screen readers

 Linda Bandeh (MPR), Karen Brenner (Westat), Tim Carati

(Statistics Netherlands), Larry Malakhoff (Census), Esme Pierzchala (daughter) -> Reviews

 All my work was funded by Statistics Netherlands

Two Example Blaise IS Datamodels

 Forms

 Single item screens  T

wo or more related items on a screen

 Grids

 Tabular screens

 Both should be part of the next Blaise 4 distribution.

Method

 Evaluate visual designs and see how they translate into an

aural environment

 Use MPR

Visual Web Screen standards

 Use real web-survey screens with design challenges

 Conclusions

 Visual design standards do not translate  You can usually substitute aural standards  Sometimes you might redesign the screen

Highest Education Level

Bolded text for question Unbolded italics for instruction Unbolded text for choices “What is the highest level of education you have attained? Choose

T

the selection press up or down arrow.” Plus font, font size, indentation

Visual standards

Blaise IS and JAWS Demonstrations

 The next 4 screens give examples of how the screen

reader works for selected survey screens.

Education Code: First Part

“There are 19 categories in alphabetical order.” I added this text. “. . . radio button not checked. T

up or down arrow.” JAWS added this text. 1 2 3 4 5

Education Code: Second Part

The user navigates the choices with arrow keys and does not have to hear the whole text.

Type Name

Household Grid

Screen Redesign or Modifications

 The next 4 screens give examples of some adjustments

you might make.

Redesigned Tabular Screen

Original screen Redesigned screen

Visual and Aural Juxtaposition

“There are 2 questions on this screen.”

Answer one Question or the Other

Additional Instructions

Summary

 Specify web questionnaires with sighted and disabled

people in mind.

 Leave more time for design, testing, and iteration  T

est under realistic conditions

Video Links

 There are 4 video links to the 2 questionnaires.

 These are to the MMPSS ScreenCast site.  http://www.screencast.com/t/XAe79lh0fj  http://www.screencast.com/t/LZ8MCLGROJav  http://www.screencast.com/t/S4DghOUgx  http://www.screencast.com/t/Up7vJu5sPnz

 One day you may have to search for these on a Statistics

Netherlands site.

The End

 Questions and communications:

 MMP@MMPSurveyServices.com