WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Before or after the form?

for

From: Wolfgang Berndorfer
Date: Oct 9, 2018 3:51AM

I know the autofocus-attribute as part of HTML and not CSS.

It shouldn't hurt accessibility as long as:
- Automatic focus seems helpful and permitted like in a pure log-in or search page.
- Relevant infos and features concerning the form and its elements follow the form elements (in the DOM) OR are referenced for screen readers e.g. via aria-describedby or aria-errormessage.
- AT supports HTML autofocus and the ARIA attributes used (e.g. errormessage is badly supported as discussed a few weeks ago here).

But perhaps CSS-acrobats can also design the appearance of an input-element with an autofocus-attribute via selectors.


-----Ursprüngliche Nachricht-----
Von: WebAIM-Forum [mailto: <EMAIL REMOVED> ] Im Auftrag von Haim Roman
Gesendet: Dienstag, 09. Oktober 2018 09:30
An: <EMAIL REMOVED>
Betreff: Re: [WebAIM] Before or after the form?

Thanks, Wolfgang.


1. Our FAQ contains more than you wrote. That's a given I can't change.
2. Your last paragraph does answer my question.
3. The focus is done by JS focus() method rather than CSS. Don't know
why yet. Since it's called when the page is loaded, I'm hoping that won't
hurt accessibility.

Howard (Haim) Roman -- <EMAIL REMOVED> -- 052-8-592-599 -- חיים רומן
LinkedIn: https://www.linkedin.com/in/haimroman



On Mon, Oct 8, 2018 at 10:51 PM Wolfgang Berndorfer <
<EMAIL REMOVED> > wrote:

> First:
> Just to understand the context: I can only think of two possible FAQs in
> log-in forms which are about:
> 1. How can I creat a new account?
> 2. How can I get my forgotten password again?
> If there are no more FAQs, I wouldn't interlace them in a FAQ-Link. Just
> two
> links AFTER the form ("Get Account" and "Password forgotten?") would
> probably fit for UX.
> Second:
> In a PURE log-in page, the autofocus-attribute might be functionally
> permitted.
> Whereever autofocus is used, relevant infos and features concerning the
> form
> should be after the form, so that screen reader users encounter them by
> common downwards prooceding.
>
> Wolfgang
>
> -----Ursprüngliche Nachricht-----
> Von: WebAIM-Forum [mailto: <EMAIL REMOVED> ] Im Auftrag
> von Haim Roman
> Gesendet: Montag, 08. Oktober 2018 08:32
> An: <EMAIL REMOVED>
> Betreff: [WebAIM] Before or after the form?
>
> On a login page, is it normally better to put the auxiliary links
> (contact, FAQ) before or after the login form?
> Thanks
> > > > >
> > > > >