SlideShare a Scribd company logo
Adaptation rules for Accessible Media
Player Interface
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
XV Internatinal Conference on Human Computer Interaction
10-12 September 2014, Puerto de la Cruz, Tenerife
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Motivation
• Proposal
• Overview
• Previous Work
1. Design Solution of a Media Player
2. Lessons Learned
• Integrating Adaptation Rules
1. New Architecture
2. Final Model-Based Design
• Conclusions
• Future Work
• References
Content
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• The constant increase of multimedia content on the Web
does not entail an equitable increase of its accessibility
Motivation
Exclusion of elderly people and people with disabilities
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Therefore, the access to alternative content should be
assured to the user with disabilities in accordance with
their access needs
=> the user agent or media player must be accessible
Motivation
Play, Pause, Stop enable/disablecaption
Alternativo content ACCESS TO alternative content
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• The aim is to offer a design solution of media players
which delivers video content fulfilling the necessary
accessibility requirements following standards
 A design solution that includes accessibility requirements
in user agents using Model Driven Development (MDD) is
proposed (Previous Work)
• In this work:
PROPOSAL
Provide a model-based design solution which includes
adaptation rules for accessible media player following
accessibility standards
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Web content:
– WCAG 2.0 [W3C, 2008]: Guideline 1.2 [Moreno et al, 2008]
– Section 508, BITV 2, RGAA, AODA and UNE 139803
• User agents:
– UAAG 2.0 [W3C, 2014]
– ISO: 9241(Ergonomics of human-system interaction) [ISO,
2008]: Guidance on software accessibility (part 171)
• HTML5 [W3C, 2011]: <video> and <audio>
• Twenty-First Century Communications and Video Accessibility
Act of 2010 [CVAA , 2010]
• European Standard EN 301 549 V1.1.1 [ETSI, 2014]
Overview:
1. Accessibility Regulations and Standards
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Accessibility requirements
– Analysis of accessibility standards
• Modeling:
– Model Driven Development (MDD)
– Model-based design
• Adaptation
– Introduction of adaptation rules
Overview:
2. Related Work
Two
approximations
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Conceptual architecture
Previous Work:
1. Design solution of a Media Player (I)
1.1 Review of accessibility standards
1.2 Group of requirements by categories
1.3 Modelling of requirements using
UIDL
UAAG 2.0 ISO 9241-171
Abstract
user
interface
Task &
Domain
Concrete
user
interface
Final
user
interface
Transformationrules
Graphical
editorRequirements
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
1.1 Review of accessibility standards
• UAAG 2.0 and ISO 9241-171
− Render alternative content
− Provide text configuration
− Text search
− etc
Previous Work:
1. Design solution of a Media Player (II)
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
1.2 Groups of requirements by categories
Previous Work:
1. Design solution of a Media Player (III)
Code Name Description Group Subgroup Source
ISO UAAG 2.0
NP01 Play Play the video content Native Playback 10.8.2 2.11.6
NP02 Stop Stop the video content Native Playback 10.8.2 2.11.6
NP03 Pause Pause the video content Native Playback 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
AP01 Rewind Delay seconds within a playback Additional Playback 10.8.3 2.11.7
AP02 Forward Forward seconds within a playback Additional Playback 10.8.3 2.11.7
AA01 Caption Enable or disable captions Additional Alternatives 10.1.3, 10.7.2 1.1.2
AA02 Audio Description Enable or disable 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 Colour Change the colour of the captions Additional Alternatives 10.7.3 1.4.1
AA06 Language Caption Change the language of the captions Additional Alternatives 8.2.1 2.7.1
AA07 Language Audio 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 playback captions Additional Find 2.4.5
(González-García et al, 2011)
INTERACCIÓN 2011, INTERACT 2011
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
1.3 Modelling of requirements using UIDL (I)
• UsiXML [UsiXMl, 2012] and Cameleon Reference
Framework [Calvari et al, 2003]
• Task model: Interaction between a user and a user agent
Previous Work:
1. Design solution of a Media Player (IV)
(González-García et al, 2012)
DSAI’2012
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
1.3 Modelling of requirements using UIDL (II)
• UsiXML and Cameleon Reference Framework
– AUI: Interaction elements structure
• Abstract Container (AC)
• Abstract Individual Components (AIC): input, output,
navigation and control
• AUI Relationships
– CUI: Concretize an AUI for a given context of use
Graphical editor: facilitates the design process and provides
support to designers new to the area of accessibility
– FUI: Operational user interface on a particular computing
platform
• Supported by a programming language or markup language
Previous Work:
1. Design solution of a Media Player (V)
(González-García et al, 2015)
UAIS (Universal Access in the
Information Society)
(González-García et al, 2013)
JUCS (Journal of Universal Computer Science)
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• To create simpliflied user interfaces Adaptation rules
Previous Work:
2. Lessons learned
Facilitate the design of a media player by user with
especial needs and preferences avoiding include
unnecessary buttons that the user will not need
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Objective:
Integrating adaptation rules
Benefit the final users of the proposed
technology and the final users of the player
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
Integrating adaptation rules:
1. New Architecture
Facilitate the interaction
between the user and the
media player avoiding
buttons that could be
unnecessary
UAAG 2.0 ISO 9241-171
Abstract
user
interface
Task &
Domain
Concrete
user
interface
Final
user
interface
Adaptationrules
Transformationrules
Graphical
editor
FUI_adaptation_rule_1
FUI_adaptation_rule_2
FUI_adaptation_rule_3
FUI_adaptation_rule_4
Requirements
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
2.1 Previous levels of Cameleon (I)
– MARIA [MARIA, 2010] instead of UsiXML
– CTTE [CTTE, 2010] and MARIAE [MARIAE, 2010]
– Same Task Model
– AUI uses Presentation Task Model (PTS)
• PTS1: {Resize, Mute, Volume, AudioDescription,
Caption, Help, Play}
• PTS2: {LanguageAudio}
• PTS3: {Find, Size, Color, Font, LanguageCaption}
• PTS4: {Stop, Rewind, Forward}
Integrating adaptation rules:
2. Final Model-Based Design (I)
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
2.1 Previous levels of Cameleon (II)
− AUI design primitives
• Interactors (selection, edit, only output and control)
– Represents every type of user interaction object
• Interactor Compositions (grouping, relation, composite
description and repeater)
− Groups together design primitives that have a logical
relationship
Integrating adaptation rules:
2. Final Model-Based Design (II)
Selection
Single
Choice
Edit
Numerical
Control
Navigator
Control
Activator
Language Audio,
Size, Color, Font and
Language Caption
Volume Find and Help Play, Stop, Rewind,
Forward, Resize, Mute,
AudioDescription and
Caption
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
2.2 Integrating adaptations rules (I)
• Analysis of the types of access and user groups with
disabilities
Integrating adaptation rules:
2. Final Model-Based Design (III)
Types of access /
groups with disabilities
Resources necessary
to access
Required accessibility elements Rule
Code
Access visual and
auditory / simplified user
interface
(essential)
Playback and volume
elements
Buttons: Play, Stop, Rewind, Forward and Mute
Slider: Volume
1
Access visual /
Auditory impairment
Playback, help, volume
and caption elements
Buttons: Play, Stop, Rewind, Forward, Mute and Caption
Select menu: Font, Color, Size and LanguageCaption
Navigator: Find and Help
Slider: Volume
2
Access Auditory /
Visual impairment
Playback, help, volume
and audio description
elements
Buttons: Play, Stop, Rewind, Forward, Mute and
AudioDescription
Select menu: LanguageAudio
Navigator: Help
Slider: Volume
3
Access visual and
auditory / user interface
with all the elements
Playback, help, volume,
caption* and audio
description** elements
Buttons: Play, Stop, Rewind, Forward, Mute, Caption* and
AudioDescription**
Select menu: Font*, Color*, Size*, LanguageCaption* and
LanguageAudio**
Navigator: Find* and Help
Slider: Volume
4/5
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
2.2 Integrating adaptations rules (II)
• Use of Event-Condition-Action (ECA) rules
– Syntaxis: on event if condition do actions
• Rules:
Integrating adaptation rules:
2. Final Model-Based Design (IV)
• Rule 1
Event The UI is activated
Condition The user does not have any kind of disability
Action All menus except the playback menu and the volume are disabled
Description The rule is triggered when the UI is activated; then, it checks if the user wants to use a basic
media player; finally, only the playback menu and the volume are shown
Rule 2
Event The UI is activated
Condition The user has any kind of visual impairment
Action The menu related to captions is disabled
Description The rule is triggered when the UI is activated; then, it checks if the user has any kind of visual
impairment; finally, the caption menu is disabled
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
2.2 Integrating adaptations rules (III)
– Rules (continuation):
Integrating adaptation rules:
2. Final Model-Based Design (V)
Rule 3
Event The UI is activated
Condition The user has any kind of auditory impairment
Action The menu related to audio description is disabled
Description The rule is triggered when the UI is activated; then, it checks if the user has any kind of auditory
impairment; finally, the audio description menu is disabled
Rule 4
Event The UI is activated
Condition The user does not have any kind of disability
Action The menu related to captions is disabled depending on the user preferences
Description The rule is triggered when the UI is activated; then, it checks if the user wants to disable the menu;
finally, the caption menu is disabled on user request
Rule 5
Event The UI is activated
Condition The user does not have any kind of disability
Action The menu related to audio description is disabled depending on the user preferences
Description The rule is triggered when the UI is activated; then, it checks if the user wants to disable the menu;
finally, the audio description menu is disabled on user request
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
2.3 Last levels of Cameleon
• CUI
− Models are platform-dependent and language independent
− Concrete design primitives depend on the AUI interactors
− Add additional design primitives: progress bar, video element
− Adaptation rules from AUI
• FUI
− Using a programming language
Integrating adaptation rules:
2. Final Model-Based Design (VI)
Model-based graphical editor
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• Multimedia content and software that provides it have to
be accessible
• First approximation: guide designers of accessible media
player through a graphical editor
• Final approximation: adaptation of the FUI depending on
the kind of disability and preferences of the final user
• Apart from that, the use of an UIDL provides flexibility
and independency
Conclusions
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
• This research belongs to the Doctoral Thesis which has
as main contribution a workspace oriented to designers
which follows a methodological approach to develop an
accessible media player.
• This workspace included:
Future Work
•
[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, 2014] User Agent Accessibility Guidelines 2.0. http://www.w3.org/WAI/UA/UAAG20/
[ISO, 2008] International Organization for Standardization, ISO 9241-171:2008, Ergonomics of human-system interaction (Guidance on software accessibility).
http://www.iso.org/iso/catalogue_detail.htm?csnumber=39080
[W3C, 2011] W3C, HTML5, A vocabulary and associated APIs for HTML and XHTML, 2011, http://www.w3.org/TR/html5
[CVAA, 2010] Federal Communications Commission, Twenty-First Century Communications and Video Accessibility Act. http://www.fcc.gov/guides/21st-
century-communications-and-video-accessibility-act-2010
[ETSI, 2014] EN 301 549 V11.1, Accessibility requirements suitable for public procurement of ICT products and services in Europe.
http://www.etsi.org/deliver/etsi_en/301500_301599/301549/01.01.01_60/en_301549v010101p.pdf
[González-García et al , 2011] González-García, M., Moreno, L., Martínez, P., and Iglesias, A. 2011. Web accessibility requirements for media players,
INTERACT 2011. 13th IFIP TC13 Conference on Human-Computer Interaction, Lisboa, Portugal, September, 2011, LNCS, Springer, Volume: 6949, pp. 669-
674
[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
[González-García et al , 2012] González-García, M., Moreno, L., and Martínez, P. 2012. An approach to User Interface Design of an accessible user agent.
4th International Conference on Software Development for Enhancing Accessibility and Fighting Info-exclusion, DSAI 2012, Douro Region, Portugal, July,
Elsevier, Volume: 14, pp. 254-262.
[MARIA, 2010] Model-based language for interactive applications. http://giove.isti.cnr.it/tools/MARIA/home
[CTTE, 2010] ConcurTaskTrees Environment. http://giove.isti.cnr.it/tools/CTTE/home
[MARIAE, 2010] Model-based language for interactive applications environment. http://giove.isti.cnr.it/tools/MARIAE/home
[González-García et al , 2015] González-García, M., Moreno, L., and Martínez, P. 2015. Approach design of an accessible media player. Universal Access in
the Information Society, in press
[González-García et al , 2013] González-García, M., Miñon, R., Moreno, L., Martínez, P., and Abascal, J. 2013. A model-based graphical editor to design
accessible media players. Journal of Universal Computer Science, Volume19, Nº 18, pp. 2656-2676
References
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
‘‘Adaptation rules for Accessible Media Player
Interface’’
María González
mgonza1@inf.uc3m.es
Thank you for your attention

More Related Content

PPTX
An approach to User Interface Design of an accessible user agent
PDF
Créer une nouvelle catégorie
PPTX
Tro choi Thu tai cung Mendeleev
PDF
Luyenthidh pt-bpt-voti
PPTX
Vintage fashion of yesteryears is gaining prominence with marcasite jewelry
PDF
EyeBizz 7-2016 JZ
PPTX
Communication skills
PDF
DYB - presentation
An approach to User Interface Design of an accessible user agent
Créer une nouvelle catégorie
Tro choi Thu tai cung Mendeleev
Luyenthidh pt-bpt-voti
Vintage fashion of yesteryears is gaining prominence with marcasite jewelry
EyeBizz 7-2016 JZ
Communication skills
DYB - presentation

Viewers also liked (7)

PDF
A glimpse into my year in Italy
PPTX
The DDI (Drug-Drug Interaction) Corpus
PDF
Executive Team Program
PDF
harold_cv052015
PDF
ICT Media Platform versie sept 2016
PPTX
Doccle: Cooperate For Simplicity
PDF
4 distribucion en planta
A glimpse into my year in Italy
The DDI (Drug-Drug Interaction) Corpus
Executive Team Program
harold_cv052015
ICT Media Platform versie sept 2016
Doccle: Cooperate For Simplicity
4 distribucion en planta
Ad

Similar to Adaptation Rules for Accessible Media Player Interface (20)

PDF
Integration of Accessibility Requirements in the Design of Multimedia User Ag...
PDF
A Mobile Audio Server enhanced with Semantic Personalization Capabilities
PPTX
A study of accessibility requirements for media players on the Web
PDF
A Personalized Audio Server using MPEG-7 and MPEG-21 standards
PPT
Research Group Multimedia Communication (MMC)
PPTX
Accessibility Update: Section 508 and WCAG in a Library 2.0 World
PDF
Media Pick
PDF
Burleson
PDF
Mingyang essay2002
PDF
A New Approach For Slideshow Presentation At Working Meetings
PPTX
PhD Defense of Teodoro Montanaro
PDF
Savare transforming a silo into modular services. The continuous evolution of...
PDF
Multi media mca_sem5_notes
PPTX
Overview of Selected Current MPEG Activities
PPTX
Overview of Selected Current MPEG Activities
PDF
Personalized Multimedia Web Services in Peer to Peer Networks Using MPEG-7 an...
PDF
A Personalized Audio Web Service using MPEG-7 and MPEG-21 standards
PDF
[MM2023] Ducho: A Unified Framework for the Extraction of Multimodal Features...
PPTX
Pendahuluan (12) (1).pptx
PPS
CREW VRE Release 5 - 2009 May
Integration of Accessibility Requirements in the Design of Multimedia User Ag...
A Mobile Audio Server enhanced with Semantic Personalization Capabilities
A study of accessibility requirements for media players on the Web
A Personalized Audio Server using MPEG-7 and MPEG-21 standards
Research Group Multimedia Communication (MMC)
Accessibility Update: Section 508 and WCAG in a Library 2.0 World
Media Pick
Burleson
Mingyang essay2002
A New Approach For Slideshow Presentation At Working Meetings
PhD Defense of Teodoro Montanaro
Savare transforming a silo into modular services. The continuous evolution of...
Multi media mca_sem5_notes
Overview of Selected Current MPEG Activities
Overview of Selected Current MPEG Activities
Personalized Multimedia Web Services in Peer to Peer Networks Using MPEG-7 an...
A Personalized Audio Web Service using MPEG-7 and MPEG-21 standards
[MM2023] Ducho: A Unified Framework for the Extraction of Multimodal Features...
Pendahuluan (12) (1).pptx
CREW VRE Release 5 - 2009 May
Ad

More from Grupo HULAT (20)

PDF
Interaccion 2019 lourdes moreno
PDF
Low vision interaccion2018v4
PDF
Exploring language technologies to provide support to WCAG 2.0 and E2R guidel...
PDF
Babelfy: Entity Linking meets Word Sense Disambiguation.
PPTX
New Approaches to Interactive Multimedia Content Retrieval from different Sou...
PPTX
Presentation "Spanish Resources in Trendminer Project"
PPTX
Mujeres, ciencia y tecnología. Encuesta sobre la percepción de las dificultad...
PPTX
Extraction of Drug-Drug Interactions from Biomedical Texts
PPT
Lessons from the Drug-Drug Interaction Extraction Task
PPT
BioSEPLN 2010 Workshop on Language Technology applied to biomedical and heal...
PDF
Building a Graph of Names and Contextual Patterns for Named Entity Classifica...
PPTX
Accessibility to mobile interfaces for older people
PPTX
Toward an integration of Web accessibility into testing processes
PPT
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
PPTX
Formación y tecnologías en accesibilidad para la Universidad
PPTX
Requisitos de accesibilidad web en los reproductores multimedia
PPT
Integrating HCI in a Web accessibility engineering approach
PPT
A MDD approach for modelling web accessibility
PPT
Inclusive Usability Techniques in Requirements Analysis of Accessible Web App...
PDF
DINTO An Ontology for Drug-Drug Interactions
Interaccion 2019 lourdes moreno
Low vision interaccion2018v4
Exploring language technologies to provide support to WCAG 2.0 and E2R guidel...
Babelfy: Entity Linking meets Word Sense Disambiguation.
New Approaches to Interactive Multimedia Content Retrieval from different Sou...
Presentation "Spanish Resources in Trendminer Project"
Mujeres, ciencia y tecnología. Encuesta sobre la percepción de las dificultad...
Extraction of Drug-Drug Interactions from Biomedical Texts
Lessons from the Drug-Drug Interaction Extraction Task
BioSEPLN 2010 Workshop on Language Technology applied to biomedical and heal...
Building a Graph of Names and Contextual Patterns for Named Entity Classifica...
Accessibility to mobile interfaces for older people
Toward an integration of Web accessibility into testing processes
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
Formación y tecnologías en accesibilidad para la Universidad
Requisitos de accesibilidad web en los reproductores multimedia
Integrating HCI in a Web accessibility engineering approach
A MDD approach for modelling web accessibility
Inclusive Usability Techniques in Requirements Analysis of Accessible Web App...
DINTO An Ontology for Drug-Drug Interactions

Recently uploaded (20)

PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
522797556-Unit-2-Temperature-measurement-1-1.pptx
PDF
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
DOCX
Unit-3 cyber security network security of internet system
PPTX
E -tech empowerment technologies PowerPoint
PPT
Design_with_Watersergyerge45hrbgre4top (1).ppt
PPTX
Internet___Basics___Styled_ presentation
PDF
Sims 4 Historia para lo sims 4 para jugar
PPTX
Mathew Digital SEO Checklist Guidlines 2025
PPTX
PptxGenJS_Demo_Chart_20250317130215833.pptx
PPTX
Slides PPTX World Game (s) Eco Economic Epochs.pptx
PPTX
Funds Management Learning Material for Beg
PPTX
Introuction about ICD -10 and ICD-11 PPT.pptx
PPTX
presentation_pfe-universite-molay-seltan.pptx
PPT
tcp ip networks nd ip layering assotred slides
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PPTX
Digital Literacy And Online Safety on internet
PPTX
SAP Ariba Sourcing PPT for learning material
Slides PDF The World Game (s) Eco Economic Epochs.pdf
522797556-Unit-2-Temperature-measurement-1-1.pptx
Automated vs Manual WooCommerce to Shopify Migration_ Pros & Cons.pdf
Module 1 - Cyber Law and Ethics 101.pptx
INTERNET------BASICS-------UPDATED PPT PRESENTATION
Unit-3 cyber security network security of internet system
E -tech empowerment technologies PowerPoint
Design_with_Watersergyerge45hrbgre4top (1).ppt
Internet___Basics___Styled_ presentation
Sims 4 Historia para lo sims 4 para jugar
Mathew Digital SEO Checklist Guidlines 2025
PptxGenJS_Demo_Chart_20250317130215833.pptx
Slides PPTX World Game (s) Eco Economic Epochs.pptx
Funds Management Learning Material for Beg
Introuction about ICD -10 and ICD-11 PPT.pptx
presentation_pfe-universite-molay-seltan.pptx
tcp ip networks nd ip layering assotred slides
Introuction about WHO-FIC in ICD-10.pptx
Digital Literacy And Online Safety on internet
SAP Ariba Sourcing PPT for learning material

Adaptation Rules for Accessible Media Player Interface

  • 1. Adaptation rules for Accessible Media Player Interface 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 XV Internatinal Conference on Human Computer Interaction 10-12 September 2014, Puerto de la Cruz, Tenerife
  • 2. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Motivation • Proposal • Overview • Previous Work 1. Design Solution of a Media Player 2. Lessons Learned • Integrating Adaptation Rules 1. New Architecture 2. Final Model-Based Design • Conclusions • Future Work • References Content
  • 3. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • The constant increase of multimedia content on the Web does not entail an equitable increase of its accessibility Motivation Exclusion of elderly people and people with disabilities
  • 4. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Therefore, the access to alternative content should be assured to the user with disabilities in accordance with their access needs => the user agent or media player must be accessible Motivation Play, Pause, Stop enable/disablecaption Alternativo content ACCESS TO alternative content
  • 5. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • The aim is to offer a design solution of media players which delivers video content fulfilling the necessary accessibility requirements following standards  A design solution that includes accessibility requirements in user agents using Model Driven Development (MDD) is proposed (Previous Work) • In this work: PROPOSAL Provide a model-based design solution which includes adaptation rules for accessible media player following accessibility standards
  • 6. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Web content: – WCAG 2.0 [W3C, 2008]: Guideline 1.2 [Moreno et al, 2008] – Section 508, BITV 2, RGAA, AODA and UNE 139803 • User agents: – UAAG 2.0 [W3C, 2014] – ISO: 9241(Ergonomics of human-system interaction) [ISO, 2008]: Guidance on software accessibility (part 171) • HTML5 [W3C, 2011]: <video> and <audio> • Twenty-First Century Communications and Video Accessibility Act of 2010 [CVAA , 2010] • European Standard EN 301 549 V1.1.1 [ETSI, 2014] Overview: 1. Accessibility Regulations and Standards
  • 7. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Accessibility requirements – Analysis of accessibility standards • Modeling: – Model Driven Development (MDD) – Model-based design • Adaptation – Introduction of adaptation rules Overview: 2. Related Work Two approximations
  • 8. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Conceptual architecture Previous Work: 1. Design solution of a Media Player (I) 1.1 Review of accessibility standards 1.2 Group of requirements by categories 1.3 Modelling of requirements using UIDL UAAG 2.0 ISO 9241-171 Abstract user interface Task & Domain Concrete user interface Final user interface Transformationrules Graphical editorRequirements
  • 9. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 1.1 Review of accessibility standards • UAAG 2.0 and ISO 9241-171 − Render alternative content − Provide text configuration − Text search − etc Previous Work: 1. Design solution of a Media Player (II)
  • 10. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 1.2 Groups of requirements by categories Previous Work: 1. Design solution of a Media Player (III) Code Name Description Group Subgroup Source ISO UAAG 2.0 NP01 Play Play the video content Native Playback 10.8.2 2.11.6 NP02 Stop Stop the video content Native Playback 10.8.2 2.11.6 NP03 Pause Pause the video content Native Playback 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 AP01 Rewind Delay seconds within a playback Additional Playback 10.8.3 2.11.7 AP02 Forward Forward seconds within a playback Additional Playback 10.8.3 2.11.7 AA01 Caption Enable or disable captions Additional Alternatives 10.1.3, 10.7.2 1.1.2 AA02 Audio Description Enable or disable 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 Colour Change the colour of the captions Additional Alternatives 10.7.3 1.4.1 AA06 Language Caption Change the language of the captions Additional Alternatives 8.2.1 2.7.1 AA07 Language Audio 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 playback captions Additional Find 2.4.5 (González-García et al, 2011) INTERACCIÓN 2011, INTERACT 2011
  • 11. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 1.3 Modelling of requirements using UIDL (I) • UsiXML [UsiXMl, 2012] and Cameleon Reference Framework [Calvari et al, 2003] • Task model: Interaction between a user and a user agent Previous Work: 1. Design solution of a Media Player (IV) (González-García et al, 2012) DSAI’2012
  • 12. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 1.3 Modelling of requirements using UIDL (II) • UsiXML and Cameleon Reference Framework – AUI: Interaction elements structure • Abstract Container (AC) • Abstract Individual Components (AIC): input, output, navigation and control • AUI Relationships – CUI: Concretize an AUI for a given context of use Graphical editor: facilitates the design process and provides support to designers new to the area of accessibility – FUI: Operational user interface on a particular computing platform • Supported by a programming language or markup language Previous Work: 1. Design solution of a Media Player (V) (González-García et al, 2015) UAIS (Universal Access in the Information Society) (González-García et al, 2013) JUCS (Journal of Universal Computer Science)
  • 13. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • To create simpliflied user interfaces Adaptation rules Previous Work: 2. Lessons learned Facilitate the design of a media player by user with especial needs and preferences avoiding include unnecessary buttons that the user will not need
  • 14. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Objective: Integrating adaptation rules Benefit the final users of the proposed technology and the final users of the player
  • 15. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain Integrating adaptation rules: 1. New Architecture Facilitate the interaction between the user and the media player avoiding buttons that could be unnecessary UAAG 2.0 ISO 9241-171 Abstract user interface Task & Domain Concrete user interface Final user interface Adaptationrules Transformationrules Graphical editor FUI_adaptation_rule_1 FUI_adaptation_rule_2 FUI_adaptation_rule_3 FUI_adaptation_rule_4 Requirements
  • 16. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 2.1 Previous levels of Cameleon (I) – MARIA [MARIA, 2010] instead of UsiXML – CTTE [CTTE, 2010] and MARIAE [MARIAE, 2010] – Same Task Model – AUI uses Presentation Task Model (PTS) • PTS1: {Resize, Mute, Volume, AudioDescription, Caption, Help, Play} • PTS2: {LanguageAudio} • PTS3: {Find, Size, Color, Font, LanguageCaption} • PTS4: {Stop, Rewind, Forward} Integrating adaptation rules: 2. Final Model-Based Design (I)
  • 17. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 2.1 Previous levels of Cameleon (II) − AUI design primitives • Interactors (selection, edit, only output and control) – Represents every type of user interaction object • Interactor Compositions (grouping, relation, composite description and repeater) − Groups together design primitives that have a logical relationship Integrating adaptation rules: 2. Final Model-Based Design (II) Selection Single Choice Edit Numerical Control Navigator Control Activator Language Audio, Size, Color, Font and Language Caption Volume Find and Help Play, Stop, Rewind, Forward, Resize, Mute, AudioDescription and Caption
  • 18. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 2.2 Integrating adaptations rules (I) • Analysis of the types of access and user groups with disabilities Integrating adaptation rules: 2. Final Model-Based Design (III) Types of access / groups with disabilities Resources necessary to access Required accessibility elements Rule Code Access visual and auditory / simplified user interface (essential) Playback and volume elements Buttons: Play, Stop, Rewind, Forward and Mute Slider: Volume 1 Access visual / Auditory impairment Playback, help, volume and caption elements Buttons: Play, Stop, Rewind, Forward, Mute and Caption Select menu: Font, Color, Size and LanguageCaption Navigator: Find and Help Slider: Volume 2 Access Auditory / Visual impairment Playback, help, volume and audio description elements Buttons: Play, Stop, Rewind, Forward, Mute and AudioDescription Select menu: LanguageAudio Navigator: Help Slider: Volume 3 Access visual and auditory / user interface with all the elements Playback, help, volume, caption* and audio description** elements Buttons: Play, Stop, Rewind, Forward, Mute, Caption* and AudioDescription** Select menu: Font*, Color*, Size*, LanguageCaption* and LanguageAudio** Navigator: Find* and Help Slider: Volume 4/5
  • 19. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 2.2 Integrating adaptations rules (II) • Use of Event-Condition-Action (ECA) rules – Syntaxis: on event if condition do actions • Rules: Integrating adaptation rules: 2. Final Model-Based Design (IV) • Rule 1 Event The UI is activated Condition The user does not have any kind of disability Action All menus except the playback menu and the volume are disabled Description The rule is triggered when the UI is activated; then, it checks if the user wants to use a basic media player; finally, only the playback menu and the volume are shown Rule 2 Event The UI is activated Condition The user has any kind of visual impairment Action The menu related to captions is disabled Description The rule is triggered when the UI is activated; then, it checks if the user has any kind of visual impairment; finally, the caption menu is disabled
  • 20. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 2.2 Integrating adaptations rules (III) – Rules (continuation): Integrating adaptation rules: 2. Final Model-Based Design (V) Rule 3 Event The UI is activated Condition The user has any kind of auditory impairment Action The menu related to audio description is disabled Description The rule is triggered when the UI is activated; then, it checks if the user has any kind of auditory impairment; finally, the audio description menu is disabled Rule 4 Event The UI is activated Condition The user does not have any kind of disability Action The menu related to captions is disabled depending on the user preferences Description The rule is triggered when the UI is activated; then, it checks if the user wants to disable the menu; finally, the caption menu is disabled on user request Rule 5 Event The UI is activated Condition The user does not have any kind of disability Action The menu related to audio description is disabled depending on the user preferences Description The rule is triggered when the UI is activated; then, it checks if the user wants to disable the menu; finally, the audio description menu is disabled on user request
  • 21. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain 2.3 Last levels of Cameleon • CUI − Models are platform-dependent and language independent − Concrete design primitives depend on the AUI interactors − Add additional design primitives: progress bar, video element − Adaptation rules from AUI • FUI − Using a programming language Integrating adaptation rules: 2. Final Model-Based Design (VI) Model-based graphical editor
  • 22. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • Multimedia content and software that provides it have to be accessible • First approximation: guide designers of accessible media player through a graphical editor • Final approximation: adaptation of the FUI depending on the kind of disability and preferences of the final user • Apart from that, the use of an UIDL provides flexibility and independency Conclusions
  • 23. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain • This research belongs to the Doctoral Thesis which has as main contribution a workspace oriented to designers which follows a methodological approach to develop an accessible media player. • This workspace included: Future Work •
  • 24. [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, 2014] User Agent Accessibility Guidelines 2.0. http://www.w3.org/WAI/UA/UAAG20/ [ISO, 2008] International Organization for Standardization, ISO 9241-171:2008, Ergonomics of human-system interaction (Guidance on software accessibility). http://www.iso.org/iso/catalogue_detail.htm?csnumber=39080 [W3C, 2011] W3C, HTML5, A vocabulary and associated APIs for HTML and XHTML, 2011, http://www.w3.org/TR/html5 [CVAA, 2010] Federal Communications Commission, Twenty-First Century Communications and Video Accessibility Act. http://www.fcc.gov/guides/21st- century-communications-and-video-accessibility-act-2010 [ETSI, 2014] EN 301 549 V11.1, Accessibility requirements suitable for public procurement of ICT products and services in Europe. http://www.etsi.org/deliver/etsi_en/301500_301599/301549/01.01.01_60/en_301549v010101p.pdf [González-García et al , 2011] González-García, M., Moreno, L., Martínez, P., and Iglesias, A. 2011. Web accessibility requirements for media players, INTERACT 2011. 13th IFIP TC13 Conference on Human-Computer Interaction, Lisboa, Portugal, September, 2011, LNCS, Springer, Volume: 6949, pp. 669- 674 [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 [González-García et al , 2012] González-García, M., Moreno, L., and Martínez, P. 2012. An approach to User Interface Design of an accessible user agent. 4th International Conference on Software Development for Enhancing Accessibility and Fighting Info-exclusion, DSAI 2012, Douro Region, Portugal, July, Elsevier, Volume: 14, pp. 254-262. [MARIA, 2010] Model-based language for interactive applications. http://giove.isti.cnr.it/tools/MARIA/home [CTTE, 2010] ConcurTaskTrees Environment. http://giove.isti.cnr.it/tools/CTTE/home [MARIAE, 2010] Model-based language for interactive applications environment. http://giove.isti.cnr.it/tools/MARIAE/home [González-García et al , 2015] González-García, M., Moreno, L., and Martínez, P. 2015. Approach design of an accessible media player. Universal Access in the Information Society, in press [González-García et al , 2013] González-García, M., Miñon, R., Moreno, L., Martínez, P., and Abascal, J. 2013. A model-based graphical editor to design accessible media players. Journal of Universal Computer Science, Volume19, Nº 18, pp. 2656-2676 References María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain
  • 25. María González, ‘Adaptation rules for Accessible Media Player Interface’ , Universidad Carlos III de Madrid, Spain ‘‘Adaptation rules for Accessible Media Player Interface’’ María González mgonza1@inf.uc3m.es Thank you for your attention

Editor's Notes

  • #8: Queda rarao el related work sin ninguna referencia, crees que puedes meter alguna….