What fresh hell is THIS now? - Patrick Lauke
[karlgroves] > required aria-required=“true” - are both needed on a text input these days?
Not really. It depends on who the users of the system are. Some government and higher ed orgs are reeeeeeaaaaaalllllly slow to update systems. I mean, scarily slow. But for general stuff, I’d go for required
select
(custom options as well)? Or is this simply not a thing worth doing?
select
element at all)
// html <select>...</select> <div class="arrow" aria-hidden="true">...</div> // css select:focus ~ .arrow { fun focus styles here }
<div role="listbox" tabindex="0" id="listbox1" onclick="return listItemClick(event);" onkeydown="return listItemKeyEvent(event);" onkeypress="return listItemKeyEvent(event);" onfocus="this.className='focus';" onblur="this.className='blur';" aria-activedescendant="listbox1-1"> <div role="option" id="listbox1-1" class="selected">Green</div> <div role="option" id="listbox1-2">Orange</div> <div role="option" id="listbox1-3">Red</div> <div role="option" id="listbox1-4">Blue</div> <div role="option" id="listbox1-5">Violet</div> <div role="option" id="listbox1-6">Periwinkle</div> </div>
onkeypress
and onkeydown
there. I’d usually just use keydown
listbox
and aria-activedescendant
, although I know the latter is a little different when used on a textbox
.overlay
from the DOM, and VoiceOver thinks it’s covering your live region. You can fix it up un-commenting the display: none
style in .overlay
, or by removing .overlay
another way
style="display:none"
to <div class="overlay">
in the html, it works fine. Seems like it’s probably a VoiceOver bug.