[Gastosabertos-dev] Implementando o Design

Andres MRM andres em inventati.org
Terça Março 31 17:46:14 UTC 2015


Eu aceito. =)
Vlw!


Quoting Luiz Armesto (2015-03-31 14:33:11)
> 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



Mais detalhes sobre a lista de discussão Gastosabertos-dev