diff --git a/example/audio/Jaws_HTML_Tables.mp3 b/example/audio/Jaws_HTML_Tables.mp3 deleted file mode 100644 index cd82a2c..0000000 Binary files a/example/audio/Jaws_HTML_Tables.mp3 and /dev/null differ diff --git a/example/captions/captions-hidden-elements.xml b/example/captions/captions-hidden-elements.xml deleted file mode 100644 index 391907f..0000000 --- a/example/captions/captions-hidden-elements.xml +++ /dev/null @@ -1,20 +0,0 @@ - - -
-

[Léonie Watson]

-

Adding a product to your shopping basket is probably the single most important thing that you can do on a retail website.

-

Using a screen reader on this well known UK brand website, that simply isn't possible.

-

When you go through the page there's no "add to basket" that's aknowledged by the screen reader.

-

[screen reader]

-

Two pounds and twenty-four pence, list of one items.

-

Link three for 2 on selected dental, list end.

-

Collect eight points with this purchase.

-

One hundred, vertical bar, two pounds and twenty-four pence per one hundred.

-

Quantity, edit, one.

-

In stock, Free collection in twenty-four hundred stores, delivery in four working days from two pounds and ninety five pence.

-

[Léonie Watson]

-

An accessibility audit from Nomensa would have picked up this error and given you a solution to rectify it...

-

...making sure that your website operates effectively for all of your customers.

-
- - \ No newline at end of file diff --git a/example/captions/captions-order-of-content.xml b/example/captions/captions-order-of-content.xml deleted file mode 100644 index 48b2277..0000000 --- a/example/captions/captions-order-of-content.xml +++ /dev/null @@ -1,72 +0,0 @@ - - -
-

Hi, I'm Emily from Nomensa

-

and today I'm going to be talking about the order of content on your pages.

-

Making sure the content on your web pages is presented logically is a really important part of web accessibility.

-

Page content should be ordered so it makes sense

-

when read through from top to bottom.

-

Assistive technologies such as screen readers read out content

-

in the order it is presented in the code of the page.

-

Content may lose its meaning if it is presented in the wrong order

-

and this can be quite confusing if you can't see the page.

-

You can check the real order of the content on your page by disabling

-

the style sheets and reading through the content from top to bottom.

-

You can do this in Firefox using the Web Developer Toolbar

-

Select 'CSS', then 'Disable Styles', then 'All Styles'.

-

This shows you the underlying order of the content for that particular page.

-

Let's have a look at some examples.

-

Here we have a page showing some of Nomensa's Web Accessibility and Web Design services.

-

To a sighted person this content looks fine.

-

It makes sense as the lists of services are clearly presented in columns

-

titled Web Accessibility and Web Design.

-

It is easy to understand which services are web accessibility and which are web design.

-

If we listen to the page with a screen reader,

-

we should be able understand which services belong to each category.

-

Web Accessibility

-

Web Design

-

Accessibility audits

-

User experience design

-

Accessible PDFs

-

Template Development

-

Accessible Media Player

-

Defacto CMS

-

As we have heard the content isn't ordered correctly in the code of the page.

-

The category titles were read out first followed

-

by a jumbled up list of services.

-

For someone who can't see the page

-

it will be difficult to understand which services belong to which category

-

Let's look at the underlying code in order to see what's going on.

-

As we can see the content is not grouped logically.

-

This content has been ordered in this way

-

so it can be positioned visually.

-

This isn't good for people using assistive technologies

-

as the information doesn't make sense in this order

-

when read through from top to bottom.

-

The content hasn't been marked-up using semantic HTML either.

-

If your content is not ordered logically and structured correctly

-

it may put some people off using your website.

-

When building your pages, you need to think first about the order of the content

-

and the elements used to structure your content

-

and then about the visual appearance of the page.

-

We need to revise the order of content on the page so it makes sense.

-

We will also mark up the category titles using headings

-

and the list of services using unordered lists

-

to add further meaning to the content.

-

Heading level two Web Accessibility

-

List of three items

-

Bullet Accessibility Audits

-

Bullet Accessible PDFs

-

Bullet Accessible Media Player, list end.

-

Heading level two Web Design

-

List of three items

-

Bullet User Experience Design

-

Bullet Template Development

-

Bullet Defacto CMS, list end

-

This content makes a lot more sense in this order!

-

And just to double check

-

Let's look at the underlying code order by disabling our styles

-

Excellent! This content should now make sense to everybody!

-
- - \ No newline at end of file diff --git a/example/example-html5.html b/example/example-html5.html deleted file mode 100644 index 6f9ac7a..0000000 --- a/example/example-html5.html +++ /dev/null @@ -1,77 +0,0 @@ - - - - - - - Accessible Media Player Example - HTML5 Player - - - - - - - - - - - - - - - - - - - - - -
-

Accessible Media Player

-

Examples

-

HTML5 Player (falls back to JW Player) available in MP4, OPV and WEBM formats

-

- Screen readers and hidden elements [MP4, 3MB] - Screen readers and hidden elements [OGV, 3MB] - Screen readers and hidden elements [WEBM, 3MB] - -

-
- - diff --git a/example/example-jwplayer.html b/example/example-jwplayer.html deleted file mode 100644 index 1ca36a4..0000000 --- a/example/example-jwplayer.html +++ /dev/null @@ -1,99 +0,0 @@ - - - - - - - Accessible Media Player Example - JW Player - - - - - - - - - - - - - - - - - - - - - -
-

Accessible Media Player

-

Examples

-

JW Player - MP4 File

- -

- Screen readers and hidden elements - -

- -

JW Player - MP3 File

-

- Tester MP3 file -

-
- - diff --git a/example/example-vimeo.html b/example/example-vimeo.html deleted file mode 100644 index 84d7f33..0000000 --- a/example/example-vimeo.html +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - Accessible Media Player Example - Vimeo - - - - - - - - - - - - - - - - - - - - - -
-

Accessible Media Player

-

Examples

-

Vimeo

-

- Screen readers are strange, when you're a stranger by Leonie Watson -

- -
- - diff --git a/example/example-youtube.html b/example/example-youtube.html deleted file mode 100644 index 77d70f2..0000000 --- a/example/example-youtube.html +++ /dev/null @@ -1,68 +0,0 @@ - - - - - - - Accessible Media Player Example - YouTube - - - - - - - - - - - - - - - - - -
-

Accessible Media Player

-
-

Examples

-

YouTube Player with captions

-

- Order of content by Emily Coward - -

- -

YouTube Player without captions

-

- Aria Document Landmark Roles -

-
-
- - diff --git a/example/video/hidden-elements.mp4 b/example/video/hidden-elements.mp4 deleted file mode 100644 index 3a0ac1a..0000000 Binary files a/example/video/hidden-elements.mp4 and /dev/null differ diff --git a/example/video/hidden-elements.ogv b/example/video/hidden-elements.ogv deleted file mode 100644 index 26305d2..0000000 Binary files a/example/video/hidden-elements.ogv and /dev/null differ diff --git a/example/video/hidden-elements.webm b/example/video/hidden-elements.webm deleted file mode 100644 index db24e44..0000000 Binary files a/example/video/hidden-elements.webm and /dev/null differ