w4a2015 - tpg accessibility challenge

13
A Controlled-Language Checker Turned into an Accessibility Evaluation Tool for Image Text Alternatives Silvia Rodríguez Vázquez Sabine Lehmann The Paciello Group Accessibility Challenge W4A 2015, Florence, Italy, 18-20 May 2015

Upload: silvia-rodriguez-vazquez

Post on 22-Jan-2018

406 views

Category:

Technology


6 download

TRANSCRIPT

Page 1: W4A2015 - TPG Accessibility Challenge

A Controlled-Language Checker Turned into

an Accessibility Evaluation Tool for

Image Text Alternatives

Silvia Rodríguez Vázquez

Sabine Lehmann

The Paciello Group Accessibility Challenge

W4A 2015, Florence, Italy, 18-20 May 2’015

Page 2: W4A2015 - TPG Accessibility Challenge

Image accessibility

Use of the alt attribute of the HTML <img> element

Examples from Faulkner, S. (ed.) 2014. HTML5: Techniques for

providing useful text alternatives. W3C Working Draft.

Page 3: W4A2015 - TPG Accessibility Challenge

Image accessibility

Use of the alt attribute of the HTML <img> element

Examples from Faulkner, S. (ed.) 2014. HTML5: Techniques for

providing useful text alternatives. W3C Working Draft.

Page 4: W4A2015 - TPG Accessibility Challenge

Our proposal

Page 5: W4A2015 - TPG Accessibility Challenge

Rule set design

Data generation method: documents

Literature review on how to write text

alternatives for images

Swiss case study

Main goal:

Propose a French controlled-language (CL)-based

automated solution for text alternatives authoring

and verification

Reduced sample of 52/100 websites

1,938 webpages

Total <img>

No alt

Empty alt

Non-empty

altInitial set

50,633 9,241 12,238 29,154

Filtered set

12,778 1,267 3,566 7,945

Linguistic patterns frequently used in

appropriate and non-appropriate

text alternatives for images

Page 6: W4A2015 - TPG Accessibility Challenge

Rule set for alt text verification

Type of

content

#

rules

Example Non appropriate

alt

Appropriate

alt

Descriptive 14 Avoid redundant

expression “ “image””(e.g., ‘image de,

image répresentant,

sur cette image on

voit…...…)

Sur cette image:

Eloise avec la

princesse Belle

Eloise avec la

princesse Belle

Functional 18 Describe actions

related to social

media and mailing

appropriately

Flux RSS S’’’’'abonner aux

flux RSS de la

Tribune de

Genève

Uninformative 8 Avoid using

placeholders

Insérer le texte ici alt=“""

Page 7: W4A2015 - TPG Accessibility Challenge

Acrolinx GUI

Page 8: W4A2015 - TPG Accessibility Challenge

Rule documentation

Page 9: W4A2015 - TPG Accessibility Challenge

Rule documentation

Page 10: W4A2015 - TPG Accessibility Challenge

Integration with CAT*

tools for translators

Practical applications

*Computer Assisted Translation

Advantages:

Language and rule

customization

Interactive rule

application

Page 11: W4A2015 - TPG Accessibility Challenge

Integration with WAE tools for developers and

other content authors

Practical applications

Page 12: W4A2015 - TPG Accessibility Challenge

Practical applications

*Huang, Ting-Hao K. Alt Text Editor. Computer software. Alt Text Editor. Vers. 1. N.p., 25 Feb.

2015. Web. Class project of the "Web Accessibility" class (05-897 A3) at Carnegie Mellon

University: https://www.legionpowered.net/Chorus_Sessions/Chorus/AltText/

Page 13: W4A2015 - TPG Accessibility Challenge

¡Gracias!

[email protected]

[email protected]

Acrolinx demo for #W4A2015

Watch it on