19
Creating Accessible Content Sara Tejera [email protected]

Creating Accessible Texts · Creating Accessible Content Sara Tejera [email protected] Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Creating

Accessible

Content

Sara Tejera [email protected]

Page 2: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Main principles: Web for All. Web on Everything

Web Accessibility Initiative (WAI)

The World Wide Web Consortium (W3C)

Page 3: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

PDFs

Office/Openoffice documents Web Content (description,

forums, news, etc.)

Text in a MOOC

Page 4: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Not justified text Better left or right aligned.

The presentation of the contents (I)

Some people with cognitive disabilities can find difficulties when reading this text, in particular dislexic people. It is better to align the text to the left or the right.

Page 5: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Space between lines At least, 1.5 lines.

The presentation of the contents (II)

1 Space between lines 1 Space between lines 1 Space between lines

2 Spaces between lines

2 Spaces between lines

2 Spaces between lines

1.5 Space between lines

1.5 Space between lines

1.5 Space between lines

Page 6: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

The presentation of the contents (III)

Use correct List Items Don’t use “-”

• Item 1 • Item 2 • Item 3

CORRECT

- Item 1 - Item 2 - Item 3

WRONG

1. Item 1 2. Item 2 3. Item 3

CORRECT

Page 7: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Use correct links Provide them of a description if it is necessary.

The presentation of the contents (IV)

Page 8: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Create accessible tables. Use simple structured tables.

Don’t use blank cells to give format to the table.

Present the information in a logical order (left to right, top to bottom).

Add an alt text that describes the table and how to navigate through it.

Provide column headings. 1. Right Click on the table.

2. Table Tools Design tab in the Table Style Options group select the Header Row check box.

3. Add your header information.

The presentation of the contents (V)

Page 9: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Create accessible graphics.

Take care of the colors used in the graphics.

The presentation of the contents (VI)

Page 10: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Creating a document (I)

Create a good Heading Structured Use Office/Openoffice Styles .

Use short titles.

Page 11: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Add Alternative Text to Images

It should be short.

Don’t start with “Image of” or “Picture of”.

Add the context only when necessary.

If the image contains relevant text, put it in

the alternative text.

When the image is a chart, the alt text must

be as complet as possible

Creating a document (II)

Page 12: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Creating a document (III)

Page 13: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Correct use of columns Don’t use a table to make different columns.

Avoid using repeated blank characters. Use page jumps and correct format for paragraphs.

Define the language of the document.

Creating a document (IV)

Page 14: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

How to check the accessibilty with

Acrobat

Page 15: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Complement the videos with

synchronized text transcription

audio description

subtitles and/or

sign language description.

Make transcriptions for Podcasts.

Videos in a MOOC

Moderador
Notas de la presentación
.
Page 16: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Subtitles The subtitles should: Appear at the same time as the sound is been

played. Ensure all important audio information has been

captured. Appear on the screen for enough time for them to

be read. Ensure the contrast between background and

caption text colour is enough. Have no periods without captions. Attribute speech to a particular speaker.

Page 17: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Audiodescription Audiodescription describes body language, expressions and movements, making the visual actions clear through sound during the natural pauses in the audio

Page 18: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Transcription

A quality transcript should include speaker identification as well as the description of sound effects, music, and other notations that promote comprehension when the audio cannot be heard.

Page 19: Creating Accessible Texts · Creating Accessible Content Sara Tejera stejera@invi.uned.es Main principles: Web for All. Web on Everything Web Accessibility Initiative (WAI) The World

Contact me for further explanations:

Sara Tejera [email protected]