[Gastosabertos-dev] Implementando o Design

Terça Março 31 17:33:11 UTC 2015

2015-03-30 7:21 GMT-03:00 Andres MRM <andres em inventati.org>:

>
> Para deixar o botão seletor de ano mais parecido com o design proposto e
> mais
> portável (pelo menos até onde testei) implementei via JS.
> Procurei, procurei, mas aparentemente não há como customizar o SELECT e as
> OPTIONs exclusivamente via CSS. Então a solução que usavam (e adotei) era
> esconder o SELECT, e cloná-lo em uma UL/LI controlada por JS.
> O principal problema que vejo é que não dá para controlar o botão agora
> pelo
> teclado. Mesmo o SELECT estando lá, mas escondido, não sei como fica a
> acessibilidade...
>

Boa.

Para garantir a acessibilidade dá para definir propriedades do WAI-ARIA
(como atributos "role" e "aria-controls") nos elementos que criou para
substituir o select e usar em conjunto, no javascript, "focus" com o evento
"keydown" para programar a navegação pelo teclado nos itens do novo
"select". Eu posso cuidar disso.

[]'s

-- 
Luiz Armesto
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://lists.okfn.org/pipermail/gastosabertos-dev/attachments/20150331/08fd48d4/attachment-0003.html>