Showing posts with label HTML 5. Show all posts
Showing posts with label HTML 5. Show all posts

Wednesday, November 30, 2011

WAI-ARIA Gets Ready for a Starring Role in HTML5

 

The W3C's ARIA specification gives web developers a way to annotate pages, assigning "roles" to HTML elements. Now that screen readers actually support ARIA, roles offer an easy way to create a more accessible web.

 

WAI-ARIA Gets Ready for a Starring Role in HTML5
Scott Gilbertson
Tue, 29 Nov 2011 15:19:00 GMT

Tuesday, November 15, 2011

HTML5 semantics and accessibility

 

This  is a comment I made on the article Pursuing Semantic Value The author requested that I post it separately, so I have.

Stating the obvious

Semantics are not just about accessibility, accessibility is not just about assistive technology. But semantic information (name, role, states and properties) carried by HTML elements and attributes is integral to making content on the web accessible, especially for those who rely upon assistive technology to access and interact with web content.
Historically and currently accessibility support for HTML features in browsers lags behind other facets of feature implementation, and unfortunately accessibility support is not taken into account when browsers announce support for a feature. Which is why we get claims about HTML5 structural elements being implemented in browsers. What is actually meant, pretty much, is that visual styling has been implemented.

HTML accessibility support

Where there are clearly defined semantics already available via acccessibility APIs for new HTML5 features, it is easy for browsers to implement the support and no excuse for AT to not understand and convey the appropriate information to users.
The accessibility implementation and semantics of particular HTML5 elements is still being worked out. This is mostly due to the semantics, from an accessibility support perspective, not being well specified or specified at all in the HTML5 specification. The HTML to accessibility API implementation guide is intended to help with this, but it is still in early development

hgroup – an element in search of a cowpath

For example, the hgroup element is a mess. Why? because it is an element in search of a cowpath. As currently sepcified it does not provide a useful semantic to assistive technology users, in fact it does the opposite, it removes potential information about subheadings/subtitles/taglines etc, by forcing implementers to collapse the subheading semantics into the parent heading. That is why hgroup is at risk in the W3C HTML5 specification, with 5 detailed proposals to either abolish or replace it.

header – useful or not?

Another example is the header element from discussions with browser and AT implementers, it is considered that the header element does not add much value as it does not provide anything that currently available semantics does not. To understand why, it is useful understand the ways in which screen readers can expose HTML element information to users. As a consequence it may well not be implemented in browsers or AT.

HTML5 outline algorithm

In regards to the outline algorithm, Jeremy states “The new outline algorithm in HTML5 will make life a lot easier for future assistive technology” which suggests that he is not aware of the implementation of the outline algorithm in JAWS 12/13, unfortunately the current implementation can actually undermine users ability to navigate and understand document structure. Note, also it does not take hgroup into account.

figure and figcaption – meaning in the pipeline

The figure and figcaption elements currently have no semantic meaning. This is partly because the semantics are not defined in accessibility APIs and partly because the available role semantics and labelling relationships have not yet been implemented in browsers. There is active work going on to change that. I wrote a post about the challenges of defining the semantics. At the W3C TPAC meetings last week we discussed the addition of a figure role in ARIA 1.1. There is also moves afoot to add a figure role to the iAccessible2 API, and Firefox are making progress (Firefox bug) on the implementation of the labelling relationship for figcaption/figure and role implementation for figcaption.

Browsers have an integral part to play in accessibility support

For a long time, the refrain from certain quarters has been, screen readers don’t support feature X its been in HTMLX for ages, F#@King screen reader vendors. They are an easy target. Part of what HTML5Acessibility was set up to do was draw attention to the browser vendors role in providing accessibility support. I suggest that browser implementation is an integral aspect of HTML accessibility support, without it there is not chance of robust, interoperable access to web content for AT users. Take a look at the debacle with longdesc, AT for the most part cannot be relied upon, and should not need to be relied upon to implement accessibility features, without the browsers doing their part.

HTML5 a work in progress, get involved!

HTML5 is still a work in progress, but it’s at a stage now where significant changes must not be handed down from upon high, the community must have the opportunity to be involved in affecting change. Involvement in the W3C HTML working group provides that opportunity, get involved!

HTML5 semantics and accessibility
Steve Faulkner
Mon, 14 Nov 2011 15:18:22 GMT

Tuesday, January 26, 2010

Google Voice comes to iPhone and Palm WebOS

A few weeks ago, Alex Nicolaou, Engineering Manager, wrote about the benefits of the fast and feature-rich iterative web app. Delivering Google services via mobile browsers has worked well for the Gmail team, so we decided to follow the same approach with Google Voice.

Today, we're excited to introduce the Google Voice web app for the iPhone and Palm WebOS devices. This HTML5 application provides you with a fast and versatile mobile experience for Google Voice because it uses the latest advancements in web technologies. For example, AppCache lets you interact with web apps without a network connection and local databases allow you to store data locally on the device, so you don't lose data even when you close the browser.

One of the great benefits of web applications is that you don't need to download and install an app on your phone. Instead, simply point your mobile browser to m.google.com/voice and sign in to your Google Voice account.

Then you can make calls from your phone that show your Google Voice number as the caller ID. You can also listen to voicemail and read voicemail transcripts, send and receive text messages for free, and take advantage of the low international call rates offered by Google Voice.



For quick access to the most important features like "Dialer", "Compose SMS", "Inbox" or "Contacts," you can add shortcuts to your iPhone home screen or Palm Launcher -- so cheap calls and messaging will be just a single click away. And because the Google Voice web app uses advanced features of modern HTML5 browsers, it offers native app-like performance and speed.

For more information visit m.google.com/voice or take a look at the Google Mobile Help Center. Please note, the web app is compatible with all versions of Palm WebOS and iPhone OS 3.0 and higher.

A Google Voice account is required to use the app, and Google Voice is currently only available in the United States. To learn more about Google Voice or request an invite, visit www.google.com/voice or read the Google Voice blog.

Wednesday, June 24, 2009

The Iterative Web App: Swipe-to-Archive and Expanded English Language Support

On April 7th, we announced a new version of Gmail for mobile for iPhone and Android-powered devices. Among the improvements was a complete redesign of the web application's underlying code which allows us to more rapidly develop and release new features that users have been asking for, as explained in our first post. We'd like to introduce The Iterative Webapp, a series where we will continue to release features for Gmail for mobile. Today: Swipe-to-archive and expanded English language support. --Shyam Sheth, Product Manager, Google Mobile.

When we first released the new Gmail for mobile web app, we designed the floaty bar to make it easy to quickly manage your inbox and take action on multiple emails at once. However, we wanted to make it even easier to perform one of the most common actions: archiving.

After reading the subject of an email and the first line of the message, I often know if I don't need to open the email to read the rest. With swipe-to-archive, I can simply swipe my finger across the email in the inbox, either from left-to-right or right-to-left, and then tap on the red 'Archive' button when it appears. Please note, this feature is only available for the iPhone.


We've also expanded the availability of the new Gmail for mobile app to English users in the United Kingdom as well as India. To try out swipe-to-archive and Gmail for mobile, visit gmail.com in your device's browser. To easily access your Gmail account, try creating a home screen link.

Posted by Bikin Chiu, Software Engineer, Google Mobile

Wednesday, June 10, 2009

The Iterative Web App - Faster Address Auto-complete and Keyboard Shortcuts

On April 7th, we announced a new version of Gmail for mobile for iPhone and Android-powered devices. Among the improvements was a complete redesign of the web application's underlying code which allows us to more rapidly develop and release new features that users have been asking for, as explained in our first post. We'd like to introduce The Iterative Webapp, a series where we will continue to release features for Gmail for mobile. Today: Faster address auto-completion and keyboard shortcuts. --Shyam Sheth, Product Manager, Google Mobile.

At Google we're always looking for a way to do things faster. Today, we're announcing two improvements that will speed up your Gmail for mobile experience.

The first improvement is faster address auto-completion. This means that as you begin typing the first few letters of your friend or colleague's name or email address, Gmail for mobile will quickly display possible contacts. We sped up this process by reusing previously fetched matches in subsequent searches.

The second improvement is that we've enabled keyboard shortcuts for Android-powered devices with a physical keyboard. Now you can use all those familiar Gmail keyboard shortcuts to quickly move through your inbox. For example, if you're reading an email you can press 'u' to return to the inbox or 'n' to move to the next conversation.

To try out Gmail for mobile, visit gmail.com in your mobile browser. This version of Gmail for mobile supports iPhone/iPod Touch OS 2.2.1 or above, as well as all Android-powered devices, and is available for US English only. To make it easy to access your Gmail account, try creating a home screen link.

Posted by Matthew Bolohan and Andrew Grieve, Software Engineers, Google Mobile

Tuesday, May 19, 2009

The Iterative Web App - Gmail for Mobile Gets Labels

On April 7th, we announced a new version of Gmail for mobile for iPhone and Android-powered devices. Among the improvements was a complete redesign of the web application's underlying code which allows us to more rapidly develop and release new features that users have been asking for, as explained in our first post. We'd like to introduce The Iterative Webapp, a series where we will continue to release features for Gmail for mobile. Today: Labels. --Shyam Sheth, Product Manager, Google Mobile.

You asked for it, and we listened. We've added labels to Gmail for mobile on Android-powered devices and the iPhone. Labels in Gmail allow you to use color-coded tags to manage your inbox.



To label an email, select a message then tap 'Label as..." from the drop-down menu on the Floaty Bar. In the pop-up menu, select the label(s) you would like to use and tap 'Apply'. Please note, you can add and remove existing labels to your emails in Gmail for mobile, but labels can only be created, renamed and deleted in the desktop version.

To label your emails on the go, point your mobile browser to gmail.com on your iPhone or Android-powered device. To make it easy to check your Gmail, try creating a home screen link. The new Gmail for mobile supports iPhone/iPod Touch OS 2.2.1 or above, as well as Android-powered devices, and is available for US English only.

Posted by Heaven Kim, Product Marketing Manager, Google Mobile

Thursday, April 30, 2009

The Iterative Webapp - Gmail for mobile Gets Mute

On April 7th, we announced a new version of Gmail for mobile for iPhone and Android-powered devices. Among the improvements was a complete redesign of the web application's underlying code which allows us to more rapidly develop and release new features that users have been asking for, as explained in our first post. We'd like to introduce The Iterative Webapp, a series where we will continue to release features for Gmail for mobile. Today: Mute. --Shyam Sheth, Product Manager, Google Mobile.

One of my favorite inbox triage techniques is Gmail's 'mute' feature. Once I've muted a message, follow-up emails to the conversation bypass the inbox, keeping it clutter free. With mute now available in Gmail for mobile on the iPhone and Android-powered devices, you can quickly manage your inbox while you're on the go. To access mute - select a message and from the drop-down options on the Floaty Bar, tap 'Mute'.



To try mute in Gmail for mobile, just go to gmail.com in your iPhone or Android-powered device's browser. To make it easy to access your account, we recommend adding a home screen link. In the spirit of 'launch early and iterate', stay tuned for more announcements from the Gmail for mobile team.

Please note: The new Gmail for mobile supports iPhone/iPod Touch OS 2.2.1 or above as well as Android-powered devices. The new Gmail for mobile is available for English only.

Update 4/30/09, 11:19am - This feature is available for US English only.

Posted by Deng-Kai Chen, Associate Product Marketing Manager, Google Mobile