Tangible Web Layout Design for Blind and Visually Impaired People: An Initial Investigation

In this poster, we explore the potential of using a tangible user interface (TUI) to enable blind and visually impaired (BVI) developers to design web layouts without assistance. We conducted a semi-structured interview and a co-design session with a blind participant to elicit insights that guided the design of a TUI prototype named Sparsha. Our initial prototype contains 3D printed tactile beads that represent HTML elements, and a 3D printed base that represents the web page layout. BVI users can add an HTML element to the layout by placing tactile beads on top of the base. The base senses the type and location of the beads and renders the HTML element in the corresponding location on the client browser. The poster concludes with a discussion and enumerates future work.

[1]  Sean Follmer,et al.  Editing Spatial Layouts through Tactile Templates for People with Visual Impairments , 2019, CHI.

[2]  Elizabeth D. Murphy,et al.  Think-aloud protocols: a comparison of three think-aloud protocols for use in testing data-dissemination web sites for usability , 2010, CHI.

[3]  Hiroshi Ishii,et al.  Tangible bits: beyond pixels , 2008, TEI.

[4]  William C. Adams,et al.  Conducting Semi‐Structured Interviews , 2015 .

[5]  Richard E. Ladner,et al.  StructJumper: A Tool to Help Blind Programmers Navigate and Understand the Structure of Code , 2015, CHI.

[6]  T. Vecchi,et al.  Blind Vision: The Neuroscience of Visual Impairment , 2011 .

[7]  Pieter E. Vermaas,et al.  Handbook of ethics, values, and technological design : sources, theory, values and application domains , 2015 .

[8]  Frederick Lippman,et al.  Blindness and vision impairment , 2008 .

[9]  Krzysztof Z. Gajos,et al.  Ability-Based Design: Concept, Principles and Examples , 2011, TACC.

[10]  E. Bell,et al.  Employment Outcomes for Blind and Visually Impaired Adults Abstract , 2015 .

[11]  Christine Chen,et al.  A Multi-Modal Approach for Blind and Visually Impaired Developers to Edit Webpage Designs , 2019, ASSETS.

[12]  Maja van der Velden,et al.  Participatory Design and Design for Values , 2015 .

[13]  Anker Helms Jørgensen,et al.  Thinking-aloud in user interface design: a method promoting cognitive ergonomics , 1990 .

[14]  Manohar Swaminathan,et al.  CodeTalk: Improving Programming Environment Accessibility for Visually Impaired Developers , 2018, International Conference on Human Factors in Computing Systems.

[15]  Clayton Lewis,et al.  TASK-CENTERED USER INTERFACE DESIGN A Practical Introduction , 2006 .