1.
An approach to User Interface Design of
an accessible user agent
María González
María González, Lourdes Moreno and Paloma Martínez
LaBDA Group, Computer Science Department
Universidad Carlos III de Madrid, Spain
{mgonza1, lmoreno, pmf}@inf.uc3m.es
Software Development for Enhancing Accesibility
and Fighting Info-exclusion
19-22 July 2012, Douro Region, Portugal

2.
• Motivation
• Background
• Proposal
1. Accessibility requirements
2. Conceptual approach
• Conclusions
• References
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Contents

3.
• Great increase of the number and type of users that
access multimedia content
• There are some accessibility barriers which can cause
accessibility problems
• Multimedia content has to be accessible through WCAG
and has to satisfy others accessibility requirements
• Design an accessible user agent based on UAAG so that
everybody can access it without any type of barriers
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Motivation

4.
• Regulation framework:
 Section 508, BITV 2, RGAA and AODA
• Multimedia accessibility standards:
 WCAG 2.0 [W3C, 2008]: Guideline 1.2 [Moreno et al, 2008]
 UAAG: UAAG 1.0 [W3C, 2002] and UAAG 2.0 [W3C, 2010]
 ISO: 9241(Ergonomics of human-system interaction) [ISO,
2008]: Guidance on software accessibility (part 171)
• HTML5 [W3C, 2011]: <video> and <audio>
• Players with accessibility requirements [Moreno et al,
2011]
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Background

5.
1. An approach with accessibility requirements following
standards to include accessibility in a user agent for
delivering accessible multimedia content
2. A conceptualization that provides an abstract user
interface model with the ability to be integrated into the
development process
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Proposal

6.
Code Name Description Group Subgroup Source
ISO UAAG 2.0
NR01 Play Play the video content Native Reproduction 10.8.2 2.11.6
NR02 Stop Stop the video content Native Reproduction 10.8.2 2.11.6
NS01 Resize Resize the viewports Native Size 10.5.8 1.8.3
NV01 Mute Enable or disable the audio content Native Volume 10.6.2 1.5.1
NV02 Volume Adjust the volume Native Volume 10.6.2 1.5.1
AR01 Rewind Delay seconds within a reproduction Additional Reproduction 10.8.3 2.11.7
AR02 Forward Forward seconds within a reproduction Additional Reproduction 10.8.3 2.11.7
AA01 Caption Enable or disable captions Additional Alternatives 10.1.3,10.7.2 1.1.2
AA02 AudioDescription Enable or disable the audio description Additional Alternatives 10.1.3 1.1.2
AA03 Size Change the size of the captions Additional Alternatives 10.7.3 1.4.1
AA04 Font Change the font of the captions Additional Alternatives 10.7.3 1.4.1
AA05 Color Change the color of the captions Additional Alternatives 10.7.3 1.4.1
AA06 LanguageCaption Change the language of the captions Additional Alternatives 8.2.1 2.7.1
AA07 LanguageAudio Change the language of the audio
description
Additional Alternatives 8.2.1 2.7.1
AH01 Help Help documentation about accessibility
features
Additional Help 11.1.5 3.3.2
AF01 Find Search within reproduction captions Additional Find 2.4.1
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Proposal:
1. Accessiblity requirements (I)

7.
• Accessibility close to usability:
 Keep accessibility features
 Enable or disable or adjust accessibility features
 Provide keyboard combinations and direct keyboard
commands
 Provide users with information about keyboard shortcuts
 Set preferences to configure keyboard shortcuts
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Proposal:
1. Accessiblity requirements (II)

8.
• UsiXML [UsiXML, 2012] Cameleon Reference
Framework [Calvary et al, 2003]:
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Abstract User Interface
Concrete User Interface
Final User Interface
Task & Concepts
Proposal:
2. Conceptual approach (I)

9.
• Task & Concepts model
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Proposal:
2. Conceptual approach (II)

10.
• Task description: Abstract Task AudioDescription
 Interactive tasks: AudioDescription and LanguageAudio
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Proposal:
2. Conceptual approach (III)

11.
• Task & Concepts model Abstract User Interface
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Abstract Container
AudioDescription
Abstract Individual
Components
AudioDescription
Abstract Individual
Components
LanguageAudio
Control
Element
Output
Element
Input
Element
Proposal:
2. Conceptual approach (IV)

12.
• Abstract User Interface Concrete User Interface
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
AIC
“Volume”
AIC
“AudioDescription”
Proposal:
2. Conceptual approach (V)

13.
• Final User Interface
María González, ‘An Approach to User Interface Design of an accessible user agent ’ , Universidad Carlos III de Madrid, Spain
Proposal:
2. Conceptual approach (VI)

14.
• Aspect to consider:
 Abstract elements that compose the user agent
 Types of relationships that are going to be established
• We propose a set of accessibility requirements
• We introduce an accessible user agent design to
integrate into the development process using UsiXML
María González, ‘A study of accessibility requirements for media players on the Web’ , Universidad Carlos III de Madrid, Spain
Conclusions

15.
[W3C, 2008] W3C, Web Content Accessibility Guidelines 2.0, 2008, http://www.w3.org/TR/WCAG20/.
[Moreno et al, 2008] L. Moreno, P. Martínez, B. Ruíz-Mezcua. Disability Standards for Multimedia on
the Web. IEEE MultiMedia 15(4): 52-54, 2008 .
[W3C, 2002] W3C, User Agent Accessibility Guidelines 1.0, 2002, http://www.w3.org/TR/WAI-
USERAGENT/.
[W3C, 2010] W3C, User Agent Accessibility Guidelines 2.0, 2010, http://www.w3.org/TR/UAAG20/.
[ISO, 2008] ISO, International Organization for Standardization, 2008, http://www.iso.org.
[W3C, 2011] W3C, HTML5, A vocabulary and associated APIs for HTML and XHTML, 2011,
http://www.w3.org/TR/html5.
[Moreno et al, 2011] L. Moreno, M. González-García, P. Martínez, A. Iglesias, (2011). A study of
accessibility requirements for media players on the Web, 14th International Conference on Human-
Computer Interaction (HCII 2011). 6th International Conference on Universal Access in Human-
Computer Interaction, Orlando, Florida, USA, July, 2011, Springer Computer Science Editorial,
Volumen: LNCS 6765, Pages: 249-257.
[UsiXML, 2012] User Interface Extensible Markup Language (UsiXML), http://www.usixml.eu.
[Calvary et al, 2003] G. Calvary, J. Coutaz, D. Thevenin, Q. Limbourg, L. Bouillon, J. Vanderdonckt.
A Unifying Reference Framework for Multi-Target User Interfaces. Interacting with Computers. Vol. 15,
No. 3, June 2003, pp. 289-308.
María González, ‘A study of accessibility requirements for media players on the Web’ , Universidad Carlos III de Madrid, Spain
References

16.
‘‘An approach to User Interface Design of an accessible user
agent ’’
María González
mgonza1@inf.uc3m.es
Thank you for your attention