Gitter Channel Archive 2nd of June 2017
Gitter Channel Archive 2nd of June 2017
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.