E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 2 (In chronological order)

From: Mario Batusic
Date: Mon, Mar 22 2010 2:12PM
Subject: Antw: Effect of using submit button without a value
No previous message | Next message →

Hi Dean!
I'm affraid, that would not work for screen readers. By an input with type="submit" is exactly its value the text, that a screen reader shows. The name attribut is dedicated only for sake of the machine. So we get here an empty button, not very nice and zero semantics. :-) sory.

>>> Dean Hamack < = EMAIL ADDRESS REMOVED = > schrieb am 22.03.10 um 19:48 in Nachricht
< = EMAIL ADDRESS REMOVED = >:
> Hi folks,
>
> I've been tasked with creating a mobile web application for a large cellular
> company. I know we have a long way to go before mobile devices are truly
> accessible, but the iPhone and Android devices already have screenreading
> capabilities built in, so I'm trying to build with best practices and
> looking towards the future.
>
> Normally when I create custom buttons in a web app, I simply make the text
> transparent, and then put a background image in. But a lot of mobile devices
> don't support transparent text. So I have two choices:
>
> 1. Use an image instead of a submit input. I don't like to do this, because
> it violates the rule of separating presentation from content, and it makes
> it harder to update the appearance later because you have to edit the html,
> and not just the css.
>
> 2. Use a submit input with no label, like so: <input id="search"
> name="search" type="submit" value="" />
>
> I'm inclined to go with number two, but I'm wondering how that would be
> dealt with by a screen reader. Thoughts?
>
>
>
>

From: Dean Hamack
Date: Mon, Mar 22 2010 2:21PM
Subject: Re: Antw: Effect of using submit button without a value
← Previous message | No next message

Thanks Mario. That's what I figured.


On 3/22/10 12:12 PM, "Mario Batusic" < = EMAIL ADDRESS REMOVED = > wrote:

> Hi Dean!
> I'm affraid, that would not work for screen readers. By an input with
> type="submit" is exactly its value the text, that a screen reader shows. The
> name attribut is dedicated only for sake of the machine. So we get here an
> empty button, not very nice and zero semantics. :-) sory.