Anzeige
Anzeige

Más contenido relacionado

Similar a An approach to User Interface Design of an accessible user agent (20)

Más de Grupo HULAT(20)

Anzeige

An approach to User Interface Design of an accessible user agent

  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

Hinweis der Redaktion

  1. Good afternoon. My name is María González and and I’m going to talk about the work called ‘An approach to User Interface Design of an accessible user agent’ that has been accomplished at Carlos III University of Madrid.
  2. As you can see, our presentation is divided in motivation, background, proposal that is composed of accessibility requirements and conceptual approach and finally the conclusions.
  3. The great increase of the number and type of users that access multimedia content it is what has were motivated us to try to delete all the existing accessibility barriers. Due to it, this type of content has to be accessible through WCAG of W3C as well as satisfying other accessibility requirements. Therefore we want to design an accessible user agent that delivers accessible video content based on UAAG of W3C so that everybody can access them without any type of barriers.
  4. Within the accessibility regulation framework, it is important to highlight Section 508 among others. These works have a mapping with WCAG 2.0 According to standards that regulate multimedia accessibility, we can highlight three standards, WCAG 2.0 which explains how to make Web content more accessible for people with disabilities. This standard has a guideline, guideline 1.2, establishes that video content must be accompanied by media alternatives such as subtitles, audio descriptions, etc. UAAG of WAI which explains how to make user agents accessible for people with disabilities and how to increase accessibility on Web content. This standard has two versions UAAG 1.0 (the reference version) and UAAG 2.0 (the draft version). This last version gives support to WCAG 2.0. And the International Organization for Standardization Ergonomics of human-system interaction which provides a group of guidance on software accessibility. On the other hand, HTML5 allows users to play videos without installing plug-ins through the new labels such as <video> or <audio> but it has some problems, for example, it does not give support to include subtitles and audio description. This problem could be solved through transcript tag and transcript attribute. Due to our goal is to design an accessible user agent that provides video content or a media player, some players and some works have been checked.
  5. As a proposal of this work, we can distinguish two main items: The first one, an approach with accessibility requirements following the standards previously mentioned to include accessibility in a user agent for delivering accessible multimedia content. And the second one, a conceptualization that provides an abstract user interface model with the ability to be integrated into the development process
  6. In order to satisfy the first item of our proposal, it is necessary to make a revision of UAAG 2.0 and the Ergonomics of human-system interaction. This table, sorry if you can´t see it properly, shows the requirements grouped by categories. We can distinguish between native group which are the typical requirements included in the user agent or media player, for example Play or Stop and additional group which are necessary to satisfy specific accessibility requirements, for example caption or audio description, as you will see later. Every group is identified by a code that is composed of two letters, the group and subgroup and a number which identifies the requirement within both the group and the subgroup.
  7. Besides these requirements, there are other important requirements concerning accessibility close to usability, among them, it can be found that it is very important to maintain accessibility features among sessions, enable or disable or adjust accessibility features, allow users to move through the menus, submenus and lists through different combinations of keyboards or direct keyboard commands, provide information that allows the user to know the keyboard shortcuts or to set their preferences to configure the keyboard shortcuts.
  8. As a second item of our proposal, we are going to carry out a model using UsiXML framework. This technology is structured according to the four levels of abstraction defined by the Cameleon reference framework. We choose this technology because it presents different abstraction levels that allow separating the requirements model from the concrete models due to it supports device, platform and modality independence. In this work we model two levels, Task and Concepts model and Abstract User Interface model.
  9. This figure shows a task and concepts model. In this model we can see the interaction between a user and an accessible user agent taking into account how a user agent that provides accessible video content operates. Therefore, this model is composed of some tasks and relationships among them.
  10. In order to illustrate the Task & Concepts model, I am going to explain the Abstract Task AudioDescription. This abstract task is composed of two interactive task. In order to establish some constraints, every task has two temporal unary relationship, optional (it can be done or not) and iteration (it can be repeated) with itself and a temporal binary relationship between them, it means, the language of the audio description cannot be changed within the established values until the audio description is considered finished.
  11. In this step we are going to transform the task and concepts model into the AUI model using transformations rules. Following the same example as before, the abstract task AudioDescription is going to be transformed into an Abstract container and the interactive tasks are going to be transformed into AIC. The AIC AudiDescription is made up of a control element in order to allow users to listen to the audio description while AIC LanguageAudio is made up of two elements, an input and an output. These elements allow users to select and establish a language within a list of languages from this time to the end of the reproduction or until the following change.
  12. As an example of transformation rules from AUI to CUI, the AIC Volume is transformed into a progressionBar element due to it presents an indeterminate attribute that depending on its value allows users to go from a minimum value to a maximum value or go from left to right and on the contrary. Another example is a control element like audio description that is transformed into a button element in order to provide the audio description.
  13. The last step will be to obtain a FUI. This final step depends on the technology and the platform. In our research framework, it has been developed this final user interface using HTML5 in a Web platform. As you can see, this media player has the most of the requirements.
  14. To conclude, I can say that because web content is continuously growing, it is crucial that software could be accessible for anybody. Due to, it is necessary to design an accessible user agent that provides video content. For this reason, we have to consider different aspects such as the abstract elements that compose the user agent or the types of relationships that are going to establish among these elements. This work proposes a set of accessibility requirements and introduces an accessible user agent design to integrate them into the development process. For this aim, UsiXML has been used due to it supports platform independence, modality independence and device independence.
  15. Thank you very much for your attention. If you have any question I would be glad to answer it.
Anzeige