WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accelerated Mobile Pages (AMP)

for

From: Patrick H. Lauke
Date: Aug 8, 2016 9:38AM

On 08/08/2016 16:23, Tomlins Diane wrote:
> I was asked about the accessibility of AMP, and since it's so new, I
> haven't found much. However, with specific AMP tags like amp-img and
> amp-embed and others, I would not expect any screen readers to have
> any support for these at this time.

The various amp-specific tags are web components which, in practice,
are turned into "proper" markup.

For instance, https://ampbyexample.com/components/amp-img/ turns into:

<amp-img ...>
<i-amp-sizer ...></i-amp-sizer>
<img ... alt="an image" ... src="/img/amp.jpg">
</amp-img>

And https://ampbyexample.com/components/amp-video/ turns into

<amp-video ...>
<i-amp-sizer ...></i-amp-sizer>
<div fallback="">
<p>Your browser doesn't support HTML5 video.</p>
</div>
<video ...>
<source type="video/mp4" src="/video/tokyo.mp4">
<source type="video/webm" src="/video/tokyo.webm">
</video>
</amp-video>

Accessibility challenges/problems will be the same as those of regular
HTML (such as making sure you provide proper alt for an amp-img, an
appropriate meaningful fallback for amp-video, etc).

(as an aside, it's possible to test all the various amp-specific
constructs directly on that ampybyexample.com demo site, using your
regular desktop/mobile browser/AT, to get an idea of how they'll behave)

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke