WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Counters on textarea boxes

for

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

From: Nancy Johnson
Date: Fri, Jun 27 2014 11:49AM
Subject: Counters on textarea boxes
No previous message | Next message →

How would a screen reader interact with a counter to indicate how many
characters the user has left when typing into a text area box?
Are there any that are accessible to the screen reader?

Thanks

From: Paul J. Adam
Date: Fri, Jun 27 2014 12:06PM
Subject: Re: Counters on textarea boxes
← Previous message | Next message →

ARIA Live Regions are a good solution.

The very last text box in this form, the message field, has a characters remaining countdown timer that switches from polite to assertive once the characters remaining hits the red zone.
Accessible Mobile Forms & Error Validation with HTML5, WAI-ARIA, & jQuery +(mobile)

Here's something with a lot more experimenting:
aria-atomic & aria-relevant on aria-live regions


Paul J. Adam
Accessibility Evangelist
www.deque.com

On Jun 27, 2014, at 12:49 PM, Nancy Johnson < = EMAIL ADDRESS REMOVED = > wrote:

> How would a screen reader interact with a counter to indicate how many
> characters the user has left when typing into a text area box?
> Are there any that are accessible to the screen reader?
>
> Thanks
> > >

From: Nancy Johnson
Date: Mon, Jun 30 2014 8:11AM
Subject: Re: Counters on textarea boxes
← Previous message | Next message →

Thanks, Can you send me the link?

On Fri, Jun 27, 2014 at 2:06 PM, Paul J. Adam < = EMAIL ADDRESS REMOVED = > wrote:
> ARIA Live Regions are a good solution.
>
> The very last text box in this form, the message field, has a characters remaining countdown timer that switches from polite to assertive once the characters remaining hits the red zone.
> Accessible Mobile Forms & Error Validation with HTML5, WAI-ARIA, & jQuery +(mobile)
>
> Here's something with a lot more experimenting:
> aria-atomic & aria-relevant on aria-live regions
>
>
> Paul J. Adam
> Accessibility Evangelist
> www.deque.com
>
> On Jun 27, 2014, at 12:49 PM, Nancy Johnson < = EMAIL ADDRESS REMOVED = > wrote:
>
>> How would a screen reader interact with a counter to indicate how many
>> characters the user has left when typing into a text area box?
>> Are there any that are accessible to the screen reader?
>>
>> Thanks
>> >> >> >
> > >

From: Paul J. Adam
Date: Mon, Jun 30 2014 8:22AM
Subject: Re: Counters on textarea boxes
← Previous message | No next message

That's strange, I guess the links got removed? Maybe a mac to pc thing?
http://pauljadam.com/demos/mobileforma11y.html
http://pauljadam.com/demos/aria-atomic-relevant.html



Paul J. Adam
Accessibility Evangelist
www.deque.com

On Jun 30, 2014, at 9:11 AM, Nancy Johnson < = EMAIL ADDRESS REMOVED = > wrote:

> Thanks, Can you send me the link?
>
> On Fri, Jun 27, 2014 at 2:06 PM, Paul J. Adam < = EMAIL ADDRESS REMOVED = > wrote:
>> ARIA Live Regions are a good solution.
>>
>> The very last text box in this form, the message field, has a characters remaining countdown timer that switches from polite to assertive once the characters remaining hits the red zone.
>> Accessible Mobile Forms & Error Validation with HTML5, WAI-ARIA, & jQuery +(mobile)
>>
>> Here's something with a lot more experimenting:
>> aria-atomic & aria-relevant on aria-live regions
>>
>>
>> Paul J. Adam
>> Accessibility Evangelist
>> www.deque.com
>>
>> On Jun 27, 2014, at 12:49 PM, Nancy Johnson < = EMAIL ADDRESS REMOVED = > wrote:
>>
>>> How would a screen reader interact with a counter to indicate how many
>>> characters the user has left when typing into a text area box?
>>> Are there any that are accessible to the screen reader?
>>>
>>> Thanks
>>> >>> >>> >>
>> >> >> > > >